CSS vertical-align animasyon
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<style>
#smiley {
vertical-align: 5px;
-webkit-animation: animasyonismi 4s infinite;
animation: animasyonismi 4s infinite;
}
@-webkit-keyframes animasyonismi {
50% {vertical-align: 60px;}
}
@keyframes animasyonismi {
50% {vertical-align: 60px;}
}
</style>
</head>
<body>
<strong>css vertical-align animasyon örnek</strong>
<br />
<p><img id="smiley" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrHFk5pUCWMqWEl6lV56UzVROvj7SHIhKtQDni9MdRylja-PenDG2tUEwUMn03s3NTpAVlVZv6UHCngnzbm7NaDHswe_kGhRSPW1r_EePWedfrkZuqrD1We45r30xRVs1nH_9R6Xgi_w/s1600/pengu.jpg" width="50" height="50">
<u>css vertical align</u> özelliği ile düşeyde hizalama yapılabilir.<u>css vertical align</u> özelliği ile düşeyde hizalama yapılabilir.<u>css vertical align</u> özelliği ile düşeyde hizalama yapılabilir.<u>css vertical align</u> özelliği ile düşeyde
hizalama yapılabilir.<u>css vertical align</u> özelliği ile düşeyde hizalama yapılabilir.
</p>
<em style="color:red;">css vertical-align </em>özelliğini bir html elemanını Düşeyde hizalama yapılırken kullanılabilir.
<br />
<u style="color:blue;"> css vertical-align</u> özelliğinin animasyon özelliği vardır.
<p style="color:green;"><b>Hatırlatma:</b> internet explorer 9 ve önceki versiyonları CSS animasyon özellikleri desteklemez !</p>
</body>
</html>
Yorumlar
Yorum Gönder