-
设置元素背景图片的原始起始位置。 语法： background-origin ： border-box | padding-box | content-box; 参数分别表示背景图片是从边框，还是内边距（默认值），或者是内容区域开始显示。 需要注意的是，如果背景不是no-repeat，这个属性无效，它会从边框开始显示。 boder-boxc:左上从外边距开始padding-box：从左上角内边距开始conter-box:背景图片在内容查看全部
-
ul,li{}; ul li{}; ul>li{} 这是三个选择器，ul,li{}是分组选择器，只有在多种选择器需要设置同一个样式时，才会使用这个。 ul li{}是包含（后代）选择器，用于将指定的ul下面的所有li设置同一样式。 ul>li{}是子代选择器，用于将指定标签下面的第一代子元素设置同一样式.。 具体情况下选择具体的选择器会达到事半功倍的效果。查看全部
-
box-shadow{x y 阴影模糊半径 阴影扩展半径 阴影颜色 投影方式（设置inset时为内阴影方式，若省略则为外阴影方式）} box-shadow{10 10 5 5 red inset(只可写在参数的第一个或最后一个，其它位置无效)}查看全部
-
column-rule主要是用来定义列与列之间的边框宽度、边框样式和边框颜色。简单点说，就有点类似于常用的border属性。但column-rule是不占用任何空间位置的，在列与列之间改变其宽度不会改变任何列的位置。 语法规则： column-rule:<column-rule-width>|<column-rule-style>|<column-rule-color>查看全部
-
前缀 浏览器 -webkit chrome和safari -moz firefox -ms IE -o opera查看全部
-
好查看全部
-
animation-play-state属性主要用来控制元素动画的播放状态。 参数： 其主要有两个值：running和paused。 其中running是其默认值，主要作用就是类似于音乐播放器一样，可以通过paused将正在播放的动画停下来，也可以通过running将暂停的动画重新播放，这里的重新播放不一定是从元素动画的开始播放，而是从暂停的那个位置开始播放。另外如果暂停了动画的播放，元素的样式将回到最原始设置状态。 例如，页面加载时，动画不播放。代码如下： animation-play-state:paused;查看全部
-
animation-direction属性主要用来设置动画播放方向。 其主要有两个值：normal、alternate 1、normal是默认值，如果设置为normal时，动画的每次循环都是向前播放； 2、另一个值是alternate，他的作用是，动画播放在第偶数次向前播放，第奇数次向反方向播放。 例如：通过animation-direction属性，将move动画播放动画方向设置为alternate，代码为： animation-direction:alternate;查看全部
-
animation-iteration-count属性主要用来定义动画的播放次数。 如： 通过animation-iteration-count属性让动画move只播放5次，代码设置为： animation-iteration-count:5; 如果取值为infinite，动画将会无限次的播放。查看全部
-
animation-name属性主要是用来调用 @keyframes 定义好的动画。需要特别注意: animation-name 调用的动画名需要和“@keyframes”定义的动画名称完全一致（区分大小写），如果不一致将不具有任何动画效果。查看全部
-
加强记忆 transition: property duration timing-function delay;查看全部
-
巩固学习 其实拆分开来教学，反而增加了课程难度。直接合在一起讲述：transition: all 3s ease-in-out .8s;(所有属性，持续3秒，先加速再减速变化，延迟0.8秒再执行变化，对于零可以省略)。查看全部
-
参数助记 a为元素的水平伸缩量，1为原始大小； b为纵向扭曲，0为不变； c为横向扭曲，0不变； d为垂直伸缩量，1为原始大小； e为水平偏移量，0是初始位置； f为垂直偏移量，0是初始位置查看全部
-
居中小技巧,巩固记忆 1. top：50%，left：50%，是将色块的左上角定位在了屏幕的中央，但是，整体并不在中央； 2. translate的百分比是根据自身的宽度和高度来定的，translate(-50%,-50%) 配合 top：50%，left：50% 实现了居中查看全部
-
Keyframes被称为关键帧，其类似于Flash中的关键帧。在CSS3中其主要以“@keyframes”开头，后面紧跟着是动画名称加上一对花括号“{…}”，括号中就是一些不同时间段样式规则。 如： @keyframes changecolor{ 0%{ background: red; } 100%{ background: green; } } 在一个“@keyframes”中的样式规则可以由多个百分比构成的，如在“0%”到“100%”之间创建更多个百分比，分别给每个百分比中给需要有动画效果的元素加上不同的样式，从而达到一种在不断变化的效果。 经验与技巧：在@keyframes中定义动画名称时，其中0%和100%还可以使用关键词from和to来代表，其中0%对应的是from，100%对应的是to。查看全部
举报
0/150
提交
取消