CSS Animation



<html>

<head>

    <title>Fan Animation</title>

<style>

.g-spin{animation:spin 1000ms infinite; animation-timing-function: linear;position:absolute;top:18px;left:20px; }

@keyframes spin {

    from {transform:rotate(0deg);}

    to {transform:rotate(360deg);}

}

></style>

 

</head>

<body>

    <img src="wing.png" class="g-spin" />

    <img src="fan.png" />

</body>

</html>


 CSS Home

No comments:

Post a Comment