css:before实现三角形箭头小技巧

来源:互联网 发布:linux复制所有文件 编辑:程序博客网 时间:2024/06/01 09:38

利用border属性和tranform变化,元素背景透明

:after {content: ""; position: absolute; top: 12px; right: -12px; margin: 20px; border-right: 1px solid #757575; border-bottom: 1px solid #757575; width: 10px; height: 10px; transform: rotate(-45deg);-o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg);}



原创粉丝点击