需求
今天在群里看到一个需求,啊这种三角形缺角怎么做啊,还带半透明阴影的。
分析
要实现这个,可以用css做三角,网上找一下代码,像这样。
由于以前没有试过border能不能带透明,所以需要试验一下。
那么去试验下,red能不能用rgba去替换,如果可以的话那就成功一半了。
简单试验下,居然可以。
.sanjiao
{
position: relative;
width: 0;
height: 0;
border-bottom: 100px solid rgba(0,0,0,.5);
border-left: 100px solid transparent;
}
那么接下来就是在阴影的三角里插入一个白色的略小一点的三角就可以了。
实现
查看更多关于网页中三角切边还半透明,现在的设计师越来越牛,css也要跟上啊的详细内容...
声明:本文来自网络,不代表【好得很程序员自学网】立场,转载请注明出处:http://haodehen.cn/did101857