box-shadow:-4px 4px 10px #666, 4px 4px 10px #666, 0 0 6px #666 inset;
2017-04-18
box-shadow:-4px 4px 6px 6px #666, 4px -4px 6px 6px #666, 4px 4px 6px 6px #666, -4px -4px 6px 6px #666;
2017-04-18
.task {
width: 300px;
height: 140px;
border: 1px solid #999;
background:url(http://static.mukewang.com/static/img/logo_index.png) no-repeat left top / 70% 50%,
url(http://static.mukewang.com/static/img/logo_index.png) no-repeat right bottom / 50% 48%;
}
width: 300px;
height: 140px;
border: 1px solid #999;
background:url(http://static.mukewang.com/static/img/logo_index.png) no-repeat left top / 70% 50%,
url(http://static.mukewang.com/static/img/logo_index.png) no-repeat right bottom / 50% 48%;
}
2017-04-17
最赞回答 / 慕仰1053334
perspective属性用来设置视点,在css3的模型中,视点是在Z轴所在方向上的。任务三设置了perspective为200pxtranslateX,translateY表现出在屏幕中的上下左右移动,translateZ的直观表现形式就是大小变化,实质是XY平面相对于视点的远近变化(说远近就一定会说到离什么参照物远或近,在这里参照物就是perspective属性)。比如设置了perspective为200px;那么translateZ的值越接近200,就是离的越近,看上去也就越大,超过200就看不到了...
2017-04-15