css实现ps描边效果

作者: dreamfly 分类: css 发布时间: 2015-03-12 17:38

css3中提供了强大的效果,有的甚至都可以用来实现js才能实现的效果。

下面介绍下css中box-shadow属性。

box-shadow 属性向框添加一个或多个阴影。


语法为:

box-shadow: h-shadow v-shadow blur spread color inset;

一般这样使用即可:

    border:1px solid #FFF;
    -moz-box-shadow:0 0 3px #AAA;
    -webkit-box-shadow:0 0 3px #AAA;
    box-shadow:0 0 3px #AAA;

在主流浏览器中这样是没问题的,我们应该追谁主流。

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!

7条评论

发表评论

您的电子邮箱地址不会被公开。