01. keyframes 01. 语法： @keyframes 动画名{ 0%:{属性：值}, ... 100%:{属性：值} } 02. 0%可以用from替代 100%可以用to替代，其中0%的%不能省略 03. 百分比表示动画执行的整个过程是从0%到100%，其中到每一个百分点的时候属性变为 ...
分类：
Web程序 时间：
2017-10-31 14:23:11
阅读次数：
327
transition transition transition允许css的属性值在一定的时间区间内平滑地过渡，语法如下： transform transform transform 分为2D 和 3D，这里暂时只介绍比较常用的2D transform，其主要包含以下几种变换：旋转rotate、扭曲 ...
分类：
Web程序 时间：
2017-10-29 14:33:41
阅读次数：
256
关键帧动画animation、transform结合 ...
分类：
Web程序 时间：
2017-10-28 17:37:08
阅读次数：
176
Core Animation是直接作用在CALayer上的(并非UIView上)非常强大的跨Mac OS X和iOS平台的动画处理API，Core Animation的动画执行过程都是在后台操作的，不会阻塞主线程。 核心动画继承结构 核心动画继承结构 注意：核心动画中的虚类不能使用，而应该使用他们子 ...
分类：
移动开发 时间：
2017-10-24 13:05:43
阅读次数：
332
css3中通过@keyframes定义动画，animation设置动画属性，从而实现动画效果； 在animation属性当中，可以规定动画的名称、整个动画的运行时间、运动的速度曲线以及其延迟时间、播放次数等。 animation animation作为一个复合属性，包括了以下动画属性。 animat ...
分类：
Web程序 时间：
2017-10-19 13:56:56
阅读次数：
1296
HTMl部分首先要有一个触发事件的按钮弹窗背景（一般是全屏的 z-index和backgroundcolor）弹窗容器（header、body、footer）值得一提的是我们一般都会给元素类名和idid用来获取元素类用来设置样式CSS部分首先设置好相应的样式通过animation xx 2s 配合@ ...
分类：
Web程序 时间：
2017-10-17 15:21:30
阅读次数：
263
function YZMGame33:initAnimate(path,row, col, width, height, delay) local perWidth = width/col; local perHeight = height/row; local animation = cc.Ani ...
分类：
其他好文 时间：
2017-10-14 18:39:18
阅读次数：
205
animation:mymove 5s infinite; @keyframes mymove { from {left:0px;} to {left:200px;} } @-webkit-keyframes mymove /*Safari and Chrome*/ { from {left:0px ...
分类：
Web程序 时间：
2017-10-13 12:25:03
阅读次数：
123
