-
div { width: 200px; height: 200px; background: red; margin: 20px auto; -webkit-transition-property:width; transition-property: width; -webkit-transition-duration:2s; transition-duration:2s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition-delay: 1s; transition-delay:1s; } div:hover { width: 400px; background: blue; } 当 只设置transition-property:width，鼠标滑时背景颜色会突然由红变为蓝色，但是宽度按预期效果实现过渡；如果想要背景颜色和宽度实现预期的动画效果，则设置transition-property:width background，或者transition-property:all ；查看全部
-
E[att^="VAL"]：选择匹配元素E，E元素定义了属性att，其属性值以val开头的任意字符串； E[att$="val"]:选择匹配元素E，E元素定义了属性att，其属性以val结尾的任意字符串，与att^相反； E[att*="val"]:选择匹配元素E，E元素定义了属性att，其属性的任意位置包含了val，字符串与属性的任意位置相匹配。查看全部
-
url(http://static.mukewang.com/static/img/logo_index.png) no-repeat left top /80% 40%, url(http://static.mukewang.com/static/img/logo_index.png) no-repeat right bottom/50% 50%;查看全部
-
background-size:auto 长度值 百分比 cover contain查看全部
-
background-clip:border-box/padding-box/content-box/no-clip分别表示从边框，内填充，内容区域向外裁剪背景，no-clip表示不裁剪。查看全部
-
666查看全部
-
2017-9-25 14:52:26查看全部
-
background-origin:border-box/padding-box/content-box; border-box:边框显示 padding-box：内边距显示 content-box：内容区域显示。查看全部
-
text_shadow{ X-OFFset：表示阴影的水平偏移距离，其值为正值时阴影向右偏移，反之向左偏移。 Y-OFFset：阴影的垂直偏移距离，如果其值是正值时，阴影向下偏移，反之向上偏移。 Blur:是指阴影的模糊程度，值越大，阴影越模糊，值越小，阴影越清晰，不能为负值，不需要阴影模糊可以将Blur设置为0。 color } text-shadow:X-Offset Y-Offset blur color查看全部
-
@font-face{ font-family:字体名称 src：字体文件在服务器上的相对路径 }查看全部
-
@font-face能够加载服务器端的字体文件，让浏览器端可以显示用户电脑里没有安装的字体。查看全部
-
text-overflow:clip|ellipsis clip表示剪切，ellipsis表示显示省略标记 text-overflow只是用来说明文字溢出时用什么方式显示 word-wrap可以用来设置文本行为，当前行超过指定容器的边界时是否断开转行。 word-wrap:normal|break-word normal表示控制连续文本换行，break-word表示内容将在边界内换行查看全部
-
CSS3 Gradient 分为线性渐变(linear)和径向渐变(radial)查看全部
-
background-image:linear-gradient(角度，颜色渐变)： to top:从下向上 to right：从左向右 to bottom：从上向下 to left：从右向左 to top left：右下角到左上角 to top right：左下角到右上角查看全部
-
rgba中a是透明度查看全部
举报
0/150
提交
取消