已采纳回答 / 爱上慕婉清6262634
.item:hover { transform: translateZ(-50px) rotateY(180deg);}.item img {transform: translateZ(0px); } .item .information { transform: rotatey(180deg) translateZ(0px);}
2017-10-10
已采纳回答 / 爱上慕婉清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