css 画一个 el-icon-right

可以使用伪元素 `::before` 或 `::after` 来实现，具体代码如下：

.el-icon-right {
  position: relative;
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 8px solid #333;
}

.el-icon-right::before {
  content: '';
  position: absolute;
  top: -5px;
  right: -8px;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 8px solid #333;
}

通过设置 `border-top` 和 `border-bottom` 的宽度为 0，`border-left` 的宽度为 8px，以及 `position` 属性为 `relative` 和 `absolute`，来实现一个三角形的形状。

相关问题

el-icon--right

el-icon--right是一个图标类，它在饿了么UI库中使用广泛，通常用于表示向右的箭头。它的样式定义可以在项目中的CSS文件中找到，如下所示：

.el-icon--right:before {
  content: "\\e602";
}

其中，content属性指定了该图标的Unicode编码，也可以使用其他方式定义图标的样式。需要注意的是，el-icon--right是饿了么UI库中的一个组件，只有在引入该库后才能使用。

icon 图标el-icon-right

根据引用内容中提供的信息，可以使用CSS的animation属性来实现图标的旋转效果。对于el-icon-right图标，你可以添加以下样式代码：

<i class="el-icon-right" style="font-size: 22px; animation: rotating 2s linear infinite;"></i>

其中rotating是自定义的动画名称，2s表示动画的持续时间为2秒，linear表示动画以匀速运动，infinite表示动画循环无限次执行。

使用这个样式，el-icon-right图标将会以顺时针方向进行旋转。如果你想改变旋转方向，可以使用animation-direction属性，设置为reverse逆时针。例如：

<i class="el-icon-right" style="font-size: 22px; animation: rotating 2s linear infinite reverse;"></i>

这样el-icon-right图标将会以逆时针方向进行旋转。希望这个回答对你有帮助！