CSS border-radius Animasyon
<!DOCTYPE html>
<html>
<head>
<style>
#kuttu {
width: 250px;
height: 200px;
border: 1px solid #000;
-webkit-animation: kutucuk 4s infinite;
animation: kutucuk 4s infinite;
}
@-webkit-keyframes kutucuk {
50% {border-radius: 45px;}
}
@keyframes kutucuk {
50% {border-radius:45px;}
}
</style>
</head>
<body>
<p>Border-radius değeri "0" dan "45px" olacaktır.<p>
<div id="kuttu"></div>
<p> border-radius özelliğinin Animasyon özelliği vardır.</p>
</body>
</html>
Yorumlar
Yorum Gönder