css旋转伪：在：或之前：内容：“”

2 回答

• 298

  无法转换内联元素，默认情况下伪元素是内联的，因此必须应用 display: block 或 display: inline-block 来转换它们：

  #whatever:after {
    content:"\24B6";
    display: inline-block;
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
  }
  

  <div id="whatever">Some text </div>
  

  回复于 2024-05-07T09:10:20+08:00
• 0

  .process-list:after{
      content: "\2191";
      position: absolute;
      top:50%;
      right:-8px;
      background-color: #ea1f41;
      width:35px;
      height: 35px;
      border:2px solid #ffffff;
      border-radius: 5px;
      color: #ffffff;
      z-index: 10000;
      -webkit-transform: rotate(50deg) translateY(-50%);
      -moz-transform: rotate(50deg) translateY(-50%);
      -ms-transform: rotate(50deg) translateY(-50%);
      -o-transform: rotate(50deg) translateY(-50%);
      transform: rotate(50deg) translateY(-50%);
  }
  

  你可以查看这段代码 . 我希望你能轻松理解 .

  回复于 2024-05-07T09:10:20+08:00