Css3 Animations
Add css3 animations coding you can get a more effective your website.
On this section, we will be learn about the Css3 animations coding for web pages.
For add a css code you would be add style tag( <style><\style>) on your web page codings.
Examples of Css3 Animation with full coading:-
<style>
.animation{
width:200px;
height:200px;
position:relative;
background:green;
border:4px solid black;
-webkit-animation:css 10s infinite;
}
@-webkit-keyframes css{
0% {border-radius:0px;}
100% {border-radius:100px; }
}
</style>
<div class="animation"></div>
.animation{
width:200px;
height:200px;
position:relative;
background:green;
border:4px solid black;
-webkit-animation:css 10s infinite;
}
@-webkit-keyframes css{
0% {border-radius:0px;}
100% {border-radius:100px; }
}
</style>
<div class="animation"></div>
No comments :
Post a Comment