CSS width animasyon

<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <style> #kutu-1 { width: 100px; background-color: crimson; color: white; -webkit-animation: animasyonismi 4s infinite; animation: animasyonismi 4s infinite; border:3px ridge yellow; } @-webkit-keyframes animasyonismi { 50% {width: 300px;} } @keyframes animasyonismi { 50% {width: 300px;} } </style> </head> <body> <strong>css width animasyon örnek</strong> <br /> . <div id="kutu-1"> <h1>Genişleyecek kutu</h1> </div> <em style="color:red;">css width </em>özelliğini bir html elemanını genişliğini belirtmek için kullanılır. <br /> <u style="color:blue;"> css width</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

Uyurken Bile Para Kazanmak İster misin

Linklerin Renklerini Değiştirme Örnek

HTML samp Etiketi Örnek

Javascript ile neler yapılabilir

HTML5 Canvas Oyun Yapımı Dersleri

HTML yorum etiketi ile öğe gizleme örneği