css气泡图片上下浮动

1.css样式

<style>
　　*{padding:0;margin:0;}
　　.demo{
　　　　width:160px;
　　　　margin:0px auto;
　　　　animation:Updown 1s infinite alternate;
　　　　-webkit-animation:Updown 1s alternate infinite;/*infinite无限播放，alternate轮流反向播放*/
　　}

　　@keyframes Updown{
　　　　from{margin-top:30px;}
　　　　to{margin-top:10px;}
　　}
　　@-webkit-keyframes Updown{
　　　　from{margin-top:30px;}
　　　　to{margin-top:10px;}
　　}

</style>

2.html内容

<body>

　　<div class="demo">
　　    <img src="img.png"/>
　　</div>

</body>

　　

posted on 2017-04-27 12:07  李晔Liye  阅读(1400)  评论(0)  编辑  收藏  举报