有三角的指令框阴影实现

2019-10-05 13:04 来源:未知

图片 1有三角的指令阴影框

平素上代码:

<!DOCTYPE html><html><head><style>.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;}</style></head><body> <div > <div ></div> <div ></div> </div></body></html>
TAG标签:
版权声明:本文由金沙澳门唯一官网发布于编程教学,转载请注明出处:有三角的指令框阴影实现