-
transform-style
指定某元素的子元素是(看起来)位于三维空间内,还是在该元素所在的平面内被扁平化。
当该属性值为「preserve-3d」时,元素将会创建局部堆叠上下文。
决定一个变换元素看起来是处在三维空间还是平面内,需要该元素的父元素上定义
查看全部 -
perspective
指定观察者与「z=0」平面的距离,使具有三维位置变换的元素产生透视效果。「z>0」的三维元素比正常大,而「z<0」时则比正常小,大小程度由该属性的值决定。
当该属性值为「非none」时,元素将会创建局部堆叠上下文。
查看全部 -
<div>
<P></P>
<span></span>
<span></span>
</div>
span:nth-child(2) 匹配的是span父元素(div)下的第二个子元素,也就是第一个span元素查看全部 -
关于那个 background-image 有有点不懂, 求解!
linear-gradient表示线性渐变,45deg, #478480 25%, transparent 25%, transparent 75%, #478480 75%, #478480
依次表示渐变角度,渐变颜色,渐变透明度,渐变透明度,渐变颜色,最终颜色查看全部 -
backwards什么意思啊,不明白?
关于backwards和none的区别:
backwards会在动画开始前显示动画的第一帧,例如当动画是在页面加载完成后5秒开始,动画是由红色渐变为绿色,而div本来的背景色是黑色。那么设置backwards属性会使得在动画尚未开始的前五秒div显示为红色,而设置none的话,前五秒会div会显示自己的背景色黑色。查看全部 -
圆角效果:border-radius:10px; /* 所有角都使用半径为10px的圆角 */
阴影:
box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式];
(inset 可以写在参数的第一个或最后一个,其它位置是无效的。)
边框图片:
background:url(xx.jpg) 10px 20px no-repeat;
查看全部 -
:first-child 父元素第一个子元素
:last-child 父元素最后一个子元素
:nth-child 父元素下某种特性子元素
查看全部 -
:empty
表示空,没有任何内容的元素。
查看全部 -
:not 除某个属性元素之外的所有元素
查看全部 -
:root---〉根节点的元素。指html。
查看全部 -
属性选择器:
某个元素中某个属性选择器:
E[attr^="val"] 属性开头包含任意“val”字符的元素
E[attr^="val"] 属性结尾包含任意“val”字符的元素
E[attr^="val"] 属性包含任意“val”字符的元素
查看全部 -
一:属性选择器
查看全部 -
里面提到的当“transition-property”属性设置为all时,表示的是所有中点值的属性。 什么意思?
div移上去或点击等事件的时候会出现的width,height,opacity,color,background等等一系列的变化就是transition-property的all属性,简单的就是all代表了width,height,opacity,color,background等等
查看全部 -
请教 “ .5s ease .1s” 这格式的意思。
transition-duration: .5s; (动画过度的持续时间)transition-timing-function: ease;(动画类型) transition-delay: .1s;(延迟时间,这个时间设的大一点会看到效果,0.1s效果不明显)
查看全部 -
怎样注意兼容性问题
给属性添加前缀 谷歌内核:-webkit;火狐内核:-moz ;IE内核:-ms;Opera内核:-o 。
查看全部
举报