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

Popüler yayınlar

CSS content Özelliği

CSS justify-content Özelliği

Javascript ile neler yapılabilir

HTML strong Etiketi

CSS flex-basis Özelliği

CSS top Özelliği

HTML Yorumlar

CSS align-self özelliği

HTML5 Canvas Oyun Yapımı Dersleri

HTML select Etiketi