css 11种方法实现一个tips带有描边的小箭头(2)
发布时间:2020-03-28 20:49 所属栏目:52 来源:站长网
导读:.dui-tips {:before, :after {position: absolute;left: 50%;display: table;width: 0;height: 0;content: '';transform: rotate(45deg);outline-style: solid;outline-width: 5px;}:before {z-index: 0;bottom: -1
.dui-tips { &:before, &:after { position: absolute; left: 50%; display: table; width: 0; height: 0; content: ''; transform: rotate(45deg); outline-style: solid; outline-width: 5px; } &:before { z-index: 0; bottom: -1px; outline-color: #f60; } &:after { z-index: 1; bottom: 0; outline-color: #fff; } } (编辑:ASP站长网) |
相关内容
网友评论
推荐文章
热点阅读