-
查看全部 -
column-rule主要是用来定义列与列之间的边框宽度、边框样式和边框颜色。简单点说，就有点类似于常用的border属性。但column-rule是不占用任何空间位置的，在列与列之间改变其宽度不会改变任何列的位置。
查看全部 -
-moz-对应 Firefox,
-webkit-对应 Safari and Chrome
-o- for Opera
-ms- for Internet Explorer查看全部 -
多列布局columns属性参数主要就两个属性参数：列宽和列数。 举例：要显示2栏显示，每栏宽度为200px，代码为： columns: 200px 2; 语法： columns：<column-width> || <column-count>
查看全部 -
http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html?utm_source=tuicool
查看全部 -
关于before,after单双冒号是一个历史遗留问题。
CSS3中，单冒号用于伪类，例如:first-child,:last-child等，主要是像普通类一样便于选择；
双冒号用于伪元素，例如::before,::after,是一个没写在HTML上的元素；
为什么before，after用单冒号也可以？因为这是在CSS2中定义的，是兼容IE低版本的写法，在CSS3中就严格规定要用双冒号了。查看全部 -
none: 初始状态、动画第一帧、动画最后一帧、初始状态；
forwards:初始状态、动画第一帧、动画最后一帧；
backwards:动画第一帧、动画最后一帧、初始状态；
both:动画第一帧、动画最后一帧；查看全部 -
总结下，CSS3中的三种动画:tranform形变动画/transition缓动动画/animation逐帧动画;
tranform: rotate旋转/skew扭曲/scale缩放/translate移动/matrix矩阵变形;
transition: property duration timing-function delay;
animation: KeyframesName duration timing-function delay iteration-count direction play-state fill-mode;查看全部 -
ease 规定慢速开始，然后变快，然后慢速结束的过渡效果（cubic-bezier(0.25,0.1,0.25,1)）。
ease-in 规定以慢速开始的过渡效果（等于 cubic-bezier(0.42,0,1,1)）。
ease-out 规定以慢速结束的过渡效果（等于 cubic-bezier(0,0,0.58,1)）。
ease-in-out 规定以慢速开始和结束的过渡效果（等于 cubic-bezier(0.42,0,0.58,1)）。查看全部 -
其实拆分开来教学，反而增加了课程难度。直接合在一起讲述：transition: all 3s ease-in-out .8s;(所有属性，持续3秒，先加速再减速变化，延迟0.8秒再执行变化，对于零可以省略)。然后就没有然后
查看全部 -
matrix(scaleX(),skewX(),skewY(),scaleY(),translateX(),translateY());
查看全部 -
关于translate和position：relative的区别： 相同点：两者都是相对于本身移动位置 区别： 1、当元素原来已经有position:absolute的时候，这时候你想相对于本身移动，可以使用translate 2、做动画的时候translate更适合，不会引起页面的重排和重绘 3、关于transform类的，可以使用GPU加速，提高浏览器的性能？ 总之：transform更适用于动画
查看全部 -
-ms- ：IE9
-moz- ：火狐
-webkit- ：Safari 和 Chrome
-o- ：opera查看全部 -
单冒号(:)用于CSS3伪类，双冒号(::)用于CSS3伪元素
查看全部 -
http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html?utm_source=tuicool
查看全部
举报