.tool_item {
margin-left: 15rpx;
padding: 30rpx 30rpx 30rpx 0;
display: flex;
align-items: center;
position: relative;
border-bottom: 2rpx solid #efefef;
}
.tool_item::after {
content: "";
height: 30rpx;
width: 30rpx;
border-width: 2rpx 2rpx 0 0;
border-color: #B2B2B2;
border-style: solid;
-webkit-transform: matrix(0.5, 0.5, -0.5, 0.5, 0, 0);
transform: matrix(0.5, 0.5, -0.5, 0.5, 0, 0);
position: absolute;
top: 50%;
margin-top: -14rpx;
right: 30rpx;
}
css实现箭头样式
本文详细解释了如何使用CSS编写`.tool_item`类的样式,包括内边距、对齐、边框、transform和伪元素的使用,展示了如何为工具栏项目添加动态效果。
摘要由CSDN通过智能技术生成