解说:给图片添加投影效果再也不需要用Photoshop先做好投影效果图,只要添加代码就可以轻松实现。
(图一)的效果在<style>和</style>之间添加代码:
.pic{
filter:progid:DXImageTransform.Microsoft.Shadow(Color=#333333,Direction=120,strength=5) ;
}
然后在添加的图片属性中设置class="pic"
这样子就可以实现图片添加投影的效果,默认投影颜色是灰色,所以我们设置color=#333333,如果要换其它颜色,就改变这个值,strength=5是设置了投影的大小。
(图一)跟(图一)不同的地方是设置了一个白色边框,在<style>和</style>之间添加代码:
.pic1{
filter:progid:DXImageTransform.Microsoft.Shadow(Color=#333333,Direction=120,strength=5) ;
border : 3px #FFFFFF solid ;
}
然后在添加的图片属性中设置class="pic1"
border中的3px就设置了白框为3px,可以自己调整宽度。
(图三)是改了颜色和边框的厚度,代码换成:
.pic2{
filter:progid:DXImageTransform.Microsoft.Shadow(Color=#333333,Direction=120,strength=5) ;
border : 1px #ff0000 solid ;
}
|