css3
迹-
这个作者很懒,什么都没留下…
展开
-
css3 事件触发动画 可重复播放
css3定义的动画默认只播放一次,之后重新绑定到节点也无效,无法按期望由事件触发,重新播放。解决方案:设置动画无限循环播放,初始状态设为暂停,监听到事件后修改状态为播放,监听循环播放事件时修改状态为暂停。以下代码只在chrome测试通过。<!DOCTYPE html><html><head><script src="https://code.jquery.com/jquery-2.1.1.mi原创 2015-06-26 23:52:32 · 11760 阅读 · 2 评论 -
svg 绘制曲线动态进度条 避免canvas锯齿问题
本例使用css3 特性 svg动态描边绘制圆形进度条。需要进度条有动态效果,使用canvas绘制时,曲线会出现锯齿现象。消除锯齿比较麻烦,于是使用svg动态描边实现,还可避免复杂的js绘图。代码:<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>test</title> <meta na原创 2015-10-08 16:23:29 · 4427 阅读 · 0 评论