drop-shadow哪里有完整代码?

来源:6-1 6. border与透明边框

不完美

2017-03-16 17:37

有没有完整代码?drop-shadow?看的好心酸,不明白啊

写回答 关注

3回答

  • 白王业
    2017-06-24 23:18:44

    <!doctype html>

    <html>

    <head>

    <meta charset="utf-8">

    <title>图标添加映射的功能</title>

    <style>

    .icons{filter: drop-shadow(20px 0  #ff0080);

    position: relative;left:-20px;

    border-right: 20px solid transparent;

    /*overflow: hidden;*/

    width: 20px;

    }

    .container{width: 50px;margin: auto; overflow: hidden;}

    </style>

    </head>


    <body>

    <div class="container">

    <div class="icons">

        <img src="img/icons02.png"/>

    </div>

    </div>

    </body>

    </html>


    好好学习的好...

    我换了图片,感觉还是没看到颜色改变,求助~

    2017-12-13 14:23:34

    共 1 条回复 >

  • 侠客岛的含笑
    2017-04-08 11:45:08

    求代码

  • 不完美
    2017-03-16 17:45:39

    已经实现了!

CSS深入理解之border

深入讲解border使用方法及应用,以及如何借助border完成布局

56793 学习 · 75 问题

查看课程

相似问题