"animation:rotate:mk22"
Bootstrap 4.1.1 Snippet by Milind_Kamthe

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div class="container">
<div class="container">
<h2 style="text-align:center">Animation by <span class="red">M</span>ilind <span class="red">K</span>amthe</h2>
<p style="text-align:center">creativemk22@gmail.com</p>
<hr>
<div class="row">
<div class="image_set">
<img class="rotate" src="https://img.icons8.com/color/180/rgb-circle-1.png" width="200" alt="milind kamthe"/>
</div>
</div>
</div>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
.red{color:red;}
.rotate{animation:mk22_rotate 1s linear infinite;}
@keyframes mk22_rotate{
from{transform:rotate(270deg)}
to{transform:rotate(360deg)}
}
@keyframes mk22_move{
from{transform:translateX(-100px)}
to{transform:translateX(1200px)}
}
.image_set{animation:mk22_move 20s linear infinite;border-radius:50%;margin-top:40px;}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments:

You Are Awesome !!

Milind_Kamthe () - 5 years ago - Reply 0