css如何实现图片有一定角度进入图层

html-css021

css如何实现图片有一定角度进入图层,第1张

css实现图片有一定角度进入图层，开发的时候有个图片用背景图要旋转一定角度如果只给.question添加背景，通过transfromrotate肯定是会影响文字的展示，所以把背景图放到伪类中进行旋转就可以解决这个问题了。

用CSS做图层的投影效果,css2是做不到的，在css3中，我们可以通过box-shadow 内阴影与外阴影来实现，用法是，E {box-shadow:inset x-offset y-offset blur-radius spread-radius color}，对象选择器 {text-shadow:投影方式 X轴偏移量 Y轴偏移量 阴影模糊半径 阴影扩展半径 阴影颜色}；这里我们通过代码来理解：

<html>

<head>

<style>

#nav{

width:900px

height:30px

-moz-box-shadow:5px 5px 5px #999 inset           

-webkit-box-shadow:5px 5px 5px #999 inset       

box-shadow:5px 5px 5px #999 inset

}

</head>

<body>

<div class="nav" >

</div>

     

</body>

</html>

效果如图：