css3实现小图标向下引导小箭头动态效果

最新推荐文章于 2024-09-30 10:47:07 发布

1登峰造极

最新推荐文章于 2024-09-30 10:47:07 发布

阅读量1.8w

点赞数 7

分类专栏： css html css3

html 同时被 3 个专栏收录

19 篇文章 0 订阅

订阅专栏

css

16 篇文章 0 订阅

订阅专栏

css3

4 篇文章 1 订阅

订阅专栏

css3实现小图标向下引导小箭头动态效果
网上转的，记录下来，方便下次用到

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
            @-webkit-keyframes rightan
				{
				
				from
				{
				    bottom: 0%;
				    opacity: 0;
				}
				to
				{
				    bottom: 5%;
				    opacity: 1;
				}
				}
				.rightan
				{
				-webkit-animation: rightan 1s infinite;
				-webkit-animation-fill-mode: both;
				}
		</style>
	</head>
	<body>
	<div class="rightan">
         <img src="img/huadong.png">
   </div>
</div>
</html>

图片自己下载

这里写图片描述