CSS3 Rotation Fade | Coding Tag
×

CSS3 Rotate Fade

4433

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>



Best WordPress Hosting


Share:


Discount Coupons

Get a .COM for just $6.98

Secure Domain for a Mini Price



Leave a Reply


Comments
    Waiting for your comments