盒子模型阴影设置,爱奇艺阴影配置

Posted @binglong180

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了盒子模型阴影设置,爱奇艺阴影配置相关的知识,希望对你有一定的参考价值。

box-shadow的配置阴影

ul li:hover{
            border-color: #dfdfdf;
            border-radius: 10px;
            -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1), 0 0 10px 0 rgba(0, 0, 0, 0.2);
            -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1), 0 0 10px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1), 0 0 10px 0 rgba(0, 0, 0, 0.2);
            background-color: #fff;
        }
配置后的效果

以上是关于盒子模型阴影设置,爱奇艺阴影配置的主要内容,如果未能解决你的问题,请参考以下文章

css 盒子阴影片段

css有用的代码片段

5、CSS样式之动画效果

盒子阴影没出现?

css如何设置盒子的边框阴影不遮盖它下面的内容

盒子阴影——Box-shadow