transform: translate(50px,100px); //transform:改变，使…变形；转换; translate:vt. 翻译；转化；解释；转变为；调动 transform: rotate(30deg); //rotate vi. 旋转；循环transform: scale(2 ...
分类：
Web程序 时间：
2018-11-03 20:20:43
阅读次数：
212
1、scale(x,y) 对元素进行缩放 X表示水平方向缩放的倍数 | Y表示垂直方向的缩放倍数 Y是一个可选参数，没有设置的话，则表示X，Y两个方向的缩放倍数是一样的。并以X为准。 transform:scale(2,2.5); transform:scale(2,2.5); 2、scaleX(< ...
分类：
Web程序 时间：
2018-10-31 01:06:22
阅读次数：
1179
jquery HoverEx 插件样式。可以参考 @charset "utf-8"; .he-wrap { position: relative; zoom: 1; display: inline-block; *display: inline; position: relative } .he-v ...
分类：
Web程序 时间：
2018-09-29 14:23:06
阅读次数：
187
加载动画 鼠标划过效果一，缺点是效果比较简单 还可以通过jquery设置css实现 还可以通过animation:mymove 5s设置keysframe实现动画 ...
分类：
Web程序 时间：
2018-09-29 14:22:49
阅读次数：
178
因为今天不太舒服，所以就没有那么详细的写了，但是只是不分类，代码里面都也很详细的写了的。抱歉了。 @keyframes 关键帧 规则 ...
分类：
Web程序 时间：
2018-09-13 18:26:59
阅读次数：
174
/rotate()/scale()/skew()/matrix() none 定义不进行转换。translate(x,y) 定义 2D 平移转换。translateX( ...
分类：
Web程序 时间：
2018-08-16 23:50:40
阅读次数：
419
一、使用CSS3动画代替JS动画 JS动画频繁操作DOM导致效率非常低 在频繁的操作DOM和CSS时，浏览器会不停的执行重排（reflow）和重绘（repaint） 可以避免占用JS主线程 这边就不细说这两者具体的低优缺点。一般做2D动画的话,可以使用CSS3的transition或animatio ...
分类：
Web程序 时间：
2018-08-03 14:27:42
阅读次数：
219
CSS3的animation有八个属性： 1.animation-name规定需要绑定到选择器的动画的keyframe名称； 2.animation-duration规定完成动画所花费的时间，以秒或毫秒计。 3.animation-delay规定在动画开始之前的延迟。 4.animation-ite ...
分类：
Web程序 时间：
2018-08-03 14:18:59
阅读次数：
146
