栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > Html/CSS > CSS教程

小Tip:有三角的指示框阴影实现

CSS教程 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

小Tip:有三角的指示框阴影实现

有三角的指示阴影框

利用css3滤镜 drop-shadow

直接上代码:

.box{    width:200px;    filter: drop-shadow(0px 0px 2px rgba(0,0,0,0.4));
}.jiao{    height: 0px;    width: 0px;    border-right: 10px solid transparent;    border-bottom: 10px solid #fff;    border-left: 10px solid transparent;    margin: 0 auto;
}.con{    width:200px;    height:200px;    background: #fff;    border-radius: 5px;
}
    
        
        
    



作者:不二很纯洁
链接:https://www.jianshu.com/p/e01f1048b6e5


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/242787.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号