CSS實(shí)現(xiàn)旋轉(zhuǎn)的多種方法

在CSS中，有多種實(shí)現(xiàn)旋轉(zhuǎn)的方法，這些方法包括使用CSS3的transform屬性，以及使用CSS動(dòng)畫和過(guò)渡，下面是一些實(shí)現(xiàn)旋轉(zhuǎn)的示例代碼：

1、使用transform屬性實(shí)現(xiàn)旋轉(zhuǎn)：

.rotate {
  transform: rotate(45deg);
}

2、使用CSS動(dòng)畫實(shí)現(xiàn)旋轉(zhuǎn)：

.rotate {
  animation: rotation 2s infinite linear;
}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

3、使用過(guò)渡實(shí)現(xiàn)旋轉(zhuǎn)：

.rotate {
  transition: transform 2s;
}
.rotate:hover {
  transform: rotate(180deg);
}

這些方法可以實(shí)現(xiàn)不同的旋轉(zhuǎn)效果，你可以根據(jù)自己的需求選擇適合的方法，你也可以結(jié)合使用這些方法，以實(shí)現(xiàn)更加復(fù)雜的旋轉(zhuǎn)效果。