摘要：.t1 { background: url(images/P1-01.png) no-repeat 0 0; background-size: 150px 180px; width: 150px; height: 180px; l... 阅读全文
canvas 画圆饼动画 countdown 倒计时
2014-11-18 18:17 by tingting4133, 366 阅读, 0 推荐, 收藏, 编辑
摘要：var canvas = document.getElementById("myCanvas"), ctx = canvas.getContext("2d"), width = canvas.width, height = canvas.height ... 阅读全文
解决在圆形内做动画而不超出圆外的解决办法
2014-10-27 17:53 by tingting4133, 210 阅读, 0 推荐, 收藏, 编辑
摘要：注意：此次动画的目的是在圆内做动画，而动画效果不会超出圆的范围外在制作这个效果的时候，我一开始想到的就是以下的做法：CSS：.circle{width: 200px;height: 200px;border-radius: 200px;background: rgba(0,0,0,0.5);over... 阅读全文
如何理解css3 -webkit-animation-fill-mode属性值为both时的使用方法
2014-09-11 12:36 by tingting4133, 1350 阅读, 0 推荐, 收藏, 编辑
摘要：大家都知道 -webkit-animation-fill-mode 属性是检索或设置对象动画时间之外的状态，但是一直以来我对它的属性值都存在一个疑问，both和forwards的使用到底有什么区别呢？经过不停的测试、搜索，个人认为差别在于：both是设置对象状态为动画结束或开始的状态，主要是取决于-... 阅读全文
关于对canvas.beginPath()的理解
2014-09-11 12:30 by tingting4133, 719 阅读, 0 推荐, 收藏, 编辑
摘要：1 var myCanvas = document.getElementById("myCanvas"); 2 var ctx = myCanvas.getContext("2d"); 3 4 ctx.fillStyle = "#e4e4e4"; 5 ctx.fillRect(0, 0, 500... 阅读全文