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

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

Linklerin Renklerini Değiştirme Örnek

YouTube Reklam Engelleyici

Eski tarayıcılarda kod gizleme ve kod satırını bölme Javascript

HTML Resimler

HTML bdo Etiketi Örnek