码迷,mamicode.com
首页 > 其他好文 > 详细

会呼吸的圆

时间:2016-06-27 19:17:29      阅读:190      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!