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

Bu blogdaki popüler yayınlar

HTML DOCTYPE Bildirimi

Javascript ile neler yapılabilir

Html belgesi yapısını anlama uygulaması

HTML5 ile SEO Uyumlu İçerik Üret

Web Sitenizden Çok Para Kazanin

Javascript kodları nereye yazılır

Uyurken Bile Para Kazanmak İster misin

YouTube reklamları nasıl engellenir