纯css实现不同方向的三角形
.triangle { position: relative; &:after { position: absolute; top: 50%; transform: translate(0,-50%); right: 0; content: ''; display: block; width: 0; height: 0; background: transparent; border: 10px solid transparent; border-top-color: transparent; border-bottom-color: transparent; border-left-color: transparent; border-right-color: #0f0; } }
前端菜鸟一枚,习惯记录平时遇到的一些问题和学习笔记,觉得有用的可以点个支持!有问题的也可以加QQ814878176交流哟 : )