只在一侧或者两侧具有投影

Html Css

 .box-shadow {

    background-color: #AC92EC;

    width: 160px;

    height: 90px;

    margin-top: -45px;

    margin-left: -80px;

    position: absolute;

    top: 50%;

    left: 50%;

}

.box-shadow:after {

    content: "";

    width: 150px;

    height: 1px;

    margin-top: 88px;

    margin-left: -75px;

    display: block;

    position: absolute;

    left: 50%;

    z-index: -1;

    -webkit-box-shadow: 0px 0px 8px 2px #000000;

       -moz-box-shadow: 0px 0px 8px 2px #000000;

            box-shadow: 0px 0px 8px 2px #000000;

}

 

相关内容推荐

JQ特效之:页面向上滚动时弹出模块

页面向上滚动弹出模块这个特效比较适合资源类网站,用户来到你的网站后一般动作就算向下翻页找,找着找着发现没找到,一般会回到顶部去找导航栏之类的,这个时候就会产生一个

返回
顶部