Веб парақ бетіндегі графика. Информатика, 10 сынып, дидактикалық материал.
Практиқалық жұмыс
<!DOCTYPE html>
<html>
<head>
<style>
div {
width: 100px;
height: 100px;
background-color: red;
position: relative;
animation-name: example; // анимация
animation-duration: 4s; // анимация ұзақтығы
}
a:hover {
background-color: yellow; // мензеген кезде түсін өзгертіді
}
@keyframes example {
0% {background-color:red; left:0px; top:0px;}
25% {background-color:yellow; left:200px; top:0px;}
50% {background-color:blue; left:200px; top:200px;}
75% {background-color:green; left:0px; top:200px;}
100% {background-color:red; left:0px; top:0px;}
}
</style>
</head>
<body>
<img src="http://trz.nis.edu.kz/wp-content/uploads/2017/links/nis.png"/>
<hr>
<center>
<h1>Анимация</h1>
<div></div>
<br>
<br>
<br>
<br>
<hr>
<h1>
Рисунок с закругленным углом
</h1>
<img src="https://i.ytimg.com/vi/msBw4xFIFZ4/maxresdefault.jpg" width="200" heigth="200" style="border-radius:15px;"/>
</center>
<hr>
<h1>Гиперссылки</h1>
<ul>
<li><a href="akb.nis.edu.kz">ФМН НИШ г.Актобе</a></li>
<li><a href="nis.edu.kz">НИШ</a></li>
<li><a href="egov.kz">Egov</a></li>
</ul>
</body>
</html>
Әлеуметтік желілерде бөлісіңіз:
Facebook | VK | WhatsApp | Telegram | Twitter
Қарап көріңіз 👇
Пайдалы сілтемелер:
» Туған күнге 99 тілектер жинағы: өз сөзімен, қысқаша, қарапайым туған күнге тілек
» Абай Құнанбаев барлық өлеңдер жинағын жүктеу, оқу
» Дастархан батасы: дастарханға бата беру, ас қайыру
Соңғы жаңалықтар:
» Freedom bank-те керемет акция! 1000 ₸ кэшбек сыйлайды
» 2025 жылы Ораза және Рамазан айы қай күні басталады?
» Утиль алым мөлшерлемесі өзгермейтін болды