[分享]css3投影特效代码

CSS3的投影特效可以给网页设计师带来更加真实的感觉和立体感。下面是一些基本的CSS3投影特效代码。/ 文本阴影 / textshadow: 2px 2px 2px 999; / 盒子阴影 / box...

CSS3的投影特效可以给网页设计师带来更加真实的感觉和立体感。下面是一些基本的CSS3投影特效代码。

/* 文本阴影 */
text-shadow: 2px 2px 2px #999;

/* 盒子阴影 */
box-shadow: 0 0 3px rgba(0,0,0,0.5);

/* 多个盒子阴影 */
box-shadow: 
    0 0 3px rgba(0,0,0,0.5),
    0 0 5px rgba(0,0,0,0.5);

/* 内部盒子阴影 */
box-shadow: inset 0 0 3px rgba(0,0,0,0.5);

/* 模糊投影 */
filter: blur(3px);

/* 扭曲投影 */
filter: drop-shadow(2px 2px 2px #999); 

以上就是基本的CSS3投影特效代码，可以通过修改参数来实现更加绚丽的效果。