怎样用CSS做出3D效果的云

html-css013

怎样用CSS做出3D效果的云,第1张

如：http://www.lanrenzhijia.com/js/css3/1035.html或http://www.jianshu.com/p/e869b1cbea5d

第二个解释的比较详细

background: url('') repeat-x

overflow-x: hide

overflow-y: scroll

再将标签高度弄大一点就可以了。

用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>

效果如图：