码迷,mamicode.com
首页 > Web开发 > 详细

css3动画

时间:2020-01-05 11:44:31      阅读:85      评论:0      收藏:0      [点我收藏+]

标签:20px   css3动画   lin   css3   htm   nat   class   rom   key   

html

<div class="a4">
                    <a href="" class="a5"></a>
                    <div class="a6">
                        <div class="a7"></div>
                    </div>
                    <a href="" class="a8">
                        <div class="a9"></div>
                    </a>
                    <a class="a10" href="">
                        <div class="a11"></div>
                    </a>
                    <a class="a12" href="">
                        <div class="a13"></div>
                    </a>
</div>

 

css

@keyframes myfirst
{
from {transform: translate(0px,0px);}
to {transform: translate(10px,20px);}
}
.a4 div:hover{
    animation: myfirst .5s linear 3 alternate;
}

  

css3动画

标签:20px   css3动画   lin   css3   htm   nat   class   rom   key   

原文地址:https://www.cnblogs.com/wangzihao147/p/12151566.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!