首页 > 其他 > 详细

会呼吸的圆

时间:2016-06-27 19:17:01      阅读:284      评论:0      收藏:0      [点我收藏+]

<svg width="400" height="400">
		<circle cx="200" cy="200" r="50" style="fill:#ff6600">
			<animate attributeName="r" attributeType="XML" from="50" by="80" 
				begin="0s" dur="2s" fill="freeze" 
				repeatCount="indefinite"
				values="50; 80; 50"
			/>
			<animate attributeName="fill-opacity" attributeType="css"  
				begin="0s" dur="2s" fill="freeze" 
				repeatCount="indefinite"
				values="1; 0.6; 1"
			/>
		</circle>
</svg>

  

 

试试效果,会让你激动不已哦!

会呼吸的圆

原文:http://www.cnblogs.com/wujidns/p/5620825.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!