[原]UI-图片阴影效果
关键字:photo、shadow
最终效果:
素材:
阴影:
最终效果:
代码如下:
<div style="width: 500px;" >
<img style="clear: left;float: left;margin: 0;" src="//images0.cnblogs.com/blog/84698/201303/21151753-40d772796a9b431f8eeac245be8e1a57.jpg" />
<img style="clear: left;float: left;margin: 0;" src="//images0.cnblogs.com/blog/84698/201303/21151813-79d0194f82404bbea9c66b501e8a31f8.png"/>
</div>
图片宽度与阴影宽度需一致,此处为500px
<img style="clear: left;float: left;margin: 0;" src="//images0.cnblogs.com/blog/84698/201303/21151753-40d772796a9b431f8eeac245be8e1a57.jpg" />
<img style="clear: left;float: left;margin: 0;" src="//images0.cnblogs.com/blog/84698/201303/21151813-79d0194f82404bbea9c66b501e8a31f8.png"/>
</div>
素材:
阴影:
作者:wintys (wintys@gmail.com)
出处:http://wintys.cnblogs.com
欢迎转载,转载请注明作者及出处。