-
列间距column-gap column-gap主要用来设置列与列之间的间距，其语法规则如下： column-gap: normal || <length> normal--默认值，默值为1em（如果你的字号是px，其默认值为你的font-size值）。 <length>--此值用来设置列与列之间的距离，其可以使用px,em单位的任何整数值，但不能是负值查看全部
-
column-count属性主要用来给元素指定想要的列数和允许的最大列数。其语法规则： column-count：auto | <integer> -webkit-column-count:2; -moz-column-count:2; -o-column-count:2; -ms-column-count:2; column-count:2;查看全部
-
column-width属性在定义元素列宽的时候，既可以单独使用，也可以和多列属性中其他属性配合使用。其基本语法如下所示 ； column-width: auto | <length> -webkit-column-width:200px; -moz-column-width:200px; -o-column-width:200px; -ms-column-width:200px; column-width:200px;查看全部
-
多列布局——Columns Columns属性的基本语法如下所示： columns：<column-width> || <column-count> <column-width>主要用来定义多列中每列的宽度 <column-count>主要用来定义多列中的列数 注意加私有前缀： -webkit-columns:auto 3; -moz-columns:auto 3; -o-columns:auto 3; -ms-columns:auto 3; columns: auto 3;查看全部
-
很多没有见过的属性查看全部
-
设置动画时间外属性 animation-fill-mode属性定义在动画开始之前和结束之后发生的操作。 none--表示动画将按预期进行和结束，在动画完成其最后一帧时，动画会反转到初始帧处 forwards--表示动画在结束后继续应用最后的关键帧的位置 backwards--会在向元素应用动画样式时迅速应用动画的初始帧 both--元素动画同时具有forwards和backwards效果查看全部
-
animation-play-state属性主要用来控制元素动画的播放状态。其主要有两个值，running和paused。其中running是其默认值，主要作用就是类似于音乐播放器一样，可以通过paused将正在播放的动画停下来，也可以通过running将暂停的动画重新播放，这里的重新播放不一定是从元素动画的开始播放，而是从暂停的那个位置开始播放。 例如，页面加载时，动画不播放。代码如下： animation-play-state:paused; div:hover span {-webkit-animation-play-state:running;}查看全部
-
设置动画播放方向 animation-direction属性主要用来设置动画播放方向，其语法规则如下： animation-direction:normal | alternate [, normal | alternate]* 其主要有两个值，默认值为normal，如果设置为normal时，动画的每次循环都是向前播放；另一个值是alternate，他的作用是，动画播放在第偶数次向前播放，第奇数次向反方向播放。查看全部
-
animation-iteration-count属性主要用来定义动画的播放次数。 其值通常为整数，但也可以使用带有小数的数字，其默认值为1,这意味着动画将从开始到结束只播放一次。如果取值为infinite，动画将会无限次的播放。 通过animation-iteration-count属性让动画move只播放5次，代码设置为： animation-iteration-count:5;查看全部
-
animation-timing-function属性主要用来设置动画播放方式。主要让元素根据时间的推进来改变属性值的变换速率，简单点说就是动画的播放方式。查看全部
-
animation-duration主要用来设置CSS3动画播放时间，其使用方法和transition-duration类似，是用来指定元素播放动画所持续的时间长，也就是完成从0%到100%一次动画所需时间。单位：S秒查看全部
-
animation-name属性主要是用来调用@keyframes定义好的动画。需要特别注意:animation-name调用的动画名需要和“@keyframes”定义的动画名称完全一致（区分大小写） 到目前为止支技animation动画的只有webkit内核的浏览器，所以我需要在上面的基础上加上-webkit前缀，据说Firefox5可以支持css3的 animation动画属性。 @-webkit-keyframes around{} -webkit-animation-name:around;查看全部
-
Keyframes介绍 Keyframes被称为关键帧，在CSS3中其主要以“@keyframes”开头，后面紧跟着是动画名称加上一对花括号“{…}”，括号中就是一些不同时间段样式规则。 @keyframes changecolor{ 0%{ background: red; } 100%{ background: green; } } Chrome 和 Safari 需要前缀 -webkit-。查看全部
-
两个或者多个css属性的transition效果时，只要把几个transition的声明串在一起，用逗号（“，”）隔开，然后各自可以有各自不同的延续时间和其时间的速率变换方式。但需要值得注意的一点：第一个时间的值为 transition-duration，第二个为transition-delay。 例如：a{ transition: background 0.8s ease-in,color 0.6s ease-out;}查看全部
-
过渡延迟时间transition-delay transition-delay属性和transition-duration属性极其类似，不同的是transition-duration是用来设置过渡动画的持续时间，而transition-delay主要用来指定一个动画开始执行的时间，也就是说当改变元素属性值后多长时间开始执行。查看全部
举报
0/150
提交
取消