好用的css集合,持续更新

版权声明: https://blog.csdn.net/qq_32858649/article/details/85051056

文章中出现的rpx单位是小程序的rpx单位,理解成px即可

箭头效果实现,如左箭头:

利用元素边框效果,再利用transform: rotate(-135deg);进行旋转实现四个方向

.arrow{
    display: inline-block;
    border-top: 2px solid;
    border-right: 2px solid;
    width: 100px;
    height: 100px;
    transform: rotate(-135deg);
}

猜你喜欢

转载自blog.csdn.net/qq_32858649/article/details/85051056