08 2016 档案

摘要:之前写css圆形时总是直接设置border-radius为50%。后来看某css动画网站时发现作者都是用的100%。遂去了解了一下2者的差别。 border-radius的值是百分比的话,就相当于盒子的宽度和高度的百分比。我们知道在一个正方形内做一个面积最大的圆形,这个圆的半径就为正方形边长的一半。 阅读全文
posted @ 2016-08-28 15:54 德森 阅读(15616) 评论(1) 推荐(4)
摘要:旋转和平移是2个基础的动画效果,也是复杂动画的基础。 如果是普通的页面只要设置transform属性很容易实现平移+旋转的组合效果,达到自旋转下落的效果。因为操作的直接是动作元素本身很容易理解。 但是在canvas中,如果要实现一个旋转,是需要旋转画布来实现。 如下图: 实现代码 这里save() 阅读全文
posted @ 2016-08-05 19:21 德森 阅读(246) 评论(0) 推荐(0)