css css3

transform: rotate 旋转

  .row-arrow {
          display: inline-block;
          width: 0.12rem;
          height: 0.12rem;
          margin-left: 7px;
          background: url("~@/assets/img/arrow.png") no-repeat center / 100%;
          transition: all 0.3s;
          &.closed {
            transform: rotate(180deg);
          }
        }

你可能感兴趣的:(css3前端)