transition:要变化的属性名 持续时间 速度变化类型 延迟 ...
分类：
Web程序 时间：
2016-08-08 17:20:22
阅读次数：
281
通过css3的transform transition可以实现平移,旋转,缩放,拉伸等效果 1.缩放 -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale ...
分类：
其他好文 时间：
2016-08-07 16:44:49
阅读次数：
152
应用css3中的transition（过渡动画）、@keyframes（关键帧动画）、transform（2D、3D转换）可以实现一些小的动画效果。 一、transition—过渡动画 <!DOCTYPE html> <html><head> <title>基本图像的放大缩小</title> <me ...
分类：
Web程序 时间：
2016-08-06 16:04:38
阅读次数：
252
语法： transition: property duration timing-function delay; transition: property duration timing-function delay; 参数一： transition-property ： 规定应用过渡效果的CSS属 ...
分类：
Web程序 时间：
2016-08-05 21:35:59
阅读次数：
242
一、过度动画：transition 五个属性： transition-property css 样式属性名称 transition-duration 动画持续时间（需要单位s） transition-timing-function 动画效果函数名称 linear、ease、ease-in、ease- ...
分类：
Web程序 时间：
2016-08-05 00:30:00
阅读次数：
240
一、语法 transition: property duration timing-function delay transition属性是个复合属性，她包括以下几个子属性： transition-property ：规定设置过渡效果的css属性名称 transition-duration ：规定完 ...
分类：
Web程序 时间：
2016-08-03 01:19:15
阅读次数：
202
一、渐变式改变ol的高度 1.外部为ul标签，在每个li里嵌套一个ol列表2.设置外部li左浮动，内部ol标签绝对定位，外部li标签相对定位3.设置ol的高为0，溢出隐藏4.外部li标签:hover 时，设置ol的高度，transition渐变 二、渐变式改变ol 下li标签的高度，同第一种方法，设 ...
分类：
Web程序 时间：
2016-07-31 14:26:44
阅读次数：
292
布局方面尝试使用了CSS3的弹性盒子，但是万万没想到先进的X5内核居然仅支持 display: -webkit-box; 所以这里需要多写一套兼容的样式。动态效果本来想用 transition 凑合一下，看了效果还是过不了自己这关，最后还是换成 animation 实现。transition的问题是 ...
分类：
其他好文 时间：
2016-07-30 19:46:21
阅读次数：
138
欢迎转载，请注明出处！https://gii16.github.io/learnmore/2016/07/29/problem.html 踩过的坑及解决方案记录在此篇博文中！ 个人理解，如有偏颇，欢迎指出！ 欢迎交流！ 1.CSS3中的transition属性引起的滑动问题 2.移动端CSS3中的c ...
分类：
其他好文 时间：
2016-07-30 16:38:08
阅读次数：
108
transform(变形)是CSS3中的元素的属性，transform的属性值主要包括旋转rotate、扭曲skew、缩放scale和移动translate以及矩阵变形matrix 基本用法可以参考文章 CSS3 Transform。 与transition配合使用的方法参考CSS动画 animat ...
分类：
Web程序 时间：
2016-07-28 15:38:32
阅读次数：
231
