CSS border-width animasyon özelliği

<!DOCTYPE html> <html> <head> <style> #kutu8 { width: 250px; height: 200px; border: 1px solid #000; -webkit-animation: animasyonismi 4s infinite; animation: animasyonismi 4s infinite; } @-webkit-keyframes animasyonismi { 50% {border-width: 10px;} } @keyframes animasyonismi { 50% {border-width: 10px;} } </style> </head> <body> <p>Bu css animasyon örneğinde border-width özelliğini inceliyoruz. 1px olan border genişliği 10 px olacaktır.<p> <div id="kutu8"></div> <p>Border-width özelliğinin animasyon özelliği vardır.</p> </body> </html>

Yorumlar

Bu blogdaki popüler yayınlar

Linklerin Renklerini Değiştirme Örnek

HTML Element Referansları

HTML main Etiketi

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

Html dersleri

javascript açıklama satırı

HTML5 Canvas Oyun Yapımı Dersleri

Uyurken Bile Para Kazanmak İster misin

CSS content Özelliği