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

HTML Metin Biçimlendirme Etiketleri

HTML hr Etiketi

HTML em Etiketi

HTML pre Etiketi

CSS justify-content Özelliği

HTML table Etiketi

CSS align-items özelliği

CSS flex-basis Özelliği

HTML menu Etiketi

CSS content Özelliği