CSS3 Rotation Fade

Rotate text or image with fade of color. CSS3 Rotation Fade interesting code. You can modify as per your requirement like change opacity, width..

Example:

<!DOCTYPE html>
<html>
<head>
<style type=“text/css”>
@keyframes tutsFade {
to {
opacity: 0;
}
}
@keyframes tutsRotate {
from {
transform: rotate(360deg);
}
}
.fade {
animation: tutsFade 5s 1s infinite linear alternate,
tutsRotate 5s 1s infinite linear alternate;
width:400px;
margin-top:100px;
}

</style>
</head>

<body>
<div class=“fade”>
Welcome to Coding Tag. We always happy to serve you in HTML Tutorials, CSS Tutorials, PHP Tutorials, Android Tutorials.
</div>
</body>

</html>

RESULT:




Leave a Reply

avatar
  Subscribe  
Notify of