已采纳回答 / 爱上慕婉清6262634
.slideLeft 是html部分定义的类名-webkit-animation-name: slideLeft;这是 下面那个定义的动画名字,都是可以随意改变的,重点是下面里面的参数(left),定义的初始位置(0% { left: -100%; })和结束位置( 100% { left: 0%; })@-webkit-keyframes 'slideLeft' { 0% { left: -100%; } 100% { left: 0%; } ...
2017-09-25
已采纳回答 / 爱上慕婉清6262634
根据我的测试,background-clip这个属性是受到background-origin的限制。即background-clip默认值等同于background-origin设置的值。1,设置background-origin:border-box;则background-clip默认是border-box,可选padding-box和content-box。2,设置background-origin:padding-box;则background-clip默认是padding-box,可选conte...
2017-09-20
已采纳回答 / qq_蓝雪魔君_03911481
background-size:100% 100%;---按容器比例撑满,图片变形;background-size:cover;---把背景图片放大到适合元素容器的尺寸,图片比例不变
2017-09-05
已采纳回答 / lvchyg
text-shaodow 为文本阴影, 上面意思是设置了多个阴影效果。 text-shadow: X-Offset Y-Offset blur color;X-Offset:表示阴影的水平偏移距离,其值为正值时阴影向右偏移,反之向左偏移; Y-Offset:是指阴影的垂直偏移距离,如果其值是正值时,阴影向下偏移,反之向上偏移;Blur:是指阴影的模糊程度,其值不能是负值,如果值越大,阴影越模糊,反之阴影越清晰,如果不需要阴影模糊可以将Blur值设置为0;Color:是指阴影的颜色,其可以使用rg...
2017-09-05
已采纳回答 / hello_2
position:fixed,left:50%是绝对定位,这个50%是相对于window而言的,也就是浏览器窗口。而translate:-50%,代表将元素向左移动50%长度,这个50%是相对元素自身而言的。这两个语句配合起来,可以使元素居中。如果你单独删除一个,比如left:50%,就只剩下元素向左移动50%的效果了,所以不能正常显示。不懂得话建议你去看看css定位的知识,以及各种居中效果如何实现的
2017-08-21
已采纳回答 / 5689u
1、max-device-width是设备整个显示区域的宽度,例如,真实的设备屏幕宽度。2、max-width是目标显示区域的宽度,例如,浏览器宽度。3、如果使用max-device-width,那么在PC浏览器上浏览网页时,缩小或放大浏览器时是不执行CSS的,因为“PC设备”没有变化。但如果使用max-width,缩小或放大浏览器时是执行CSS的,因为“显示区域”即浏览器大小发生了变化。4、如果使用max-device-width,那么当手机由竖变横时,CSS是不执行的,因为“手机宽度”并没有变化。如果...
2017-08-21
已采纳回答 / 心陌灬琉璃梦
① div宽度500=列宽x+列间距y,(div宽度500-列间距y) ÷ 列数3 ≈ 每列最大宽度z。在宽度500不变的情况下,自定义列宽只要≤每列最大宽度z,就能保持三列的布局;【经本人测试,最大列宽是155px】② 宽度500不变的情况下,只要自定义列宽≤每列最大宽度z,即只要自定义列宽≤155px,无论你的列宽设置是什么数值,列宽不会发生任何变化;③ 只有当div宽度或文本内容长度发生变化时,布局才会发生变化。
2017-08-19
已采纳回答 / Csunnnnn
:hover伪类是加在div元素上的(代码- div:hover span, 对div添加hover伪类,控制span的属性),div是整个大框。所以鼠标经过div块就开始动画,移出就停止。
2017-08-18