css旋转180度动画 |css border画曲线

css 控件叠加，css超出宽度显示…，css的li的圆点，css如何运用海报字体，css下拉菜单的样式，css地图左侧操作缩放，css border画曲线 css旋转180度动画 |css border画曲线

其中旋转180度动画是其中一个经典动画之一，在以下代码中，大家使用 pre 标签来演示。

#rotate {
transform: rotate(0deg);
transition: transform 0.5s ease;
}
#rotate:hover {
transform: rotate(180deg);
}

上面代码的含义是在 CSS 选择器中定义了一个 ID 为 rotate 的元素，同时设置了旋转角度为 0 度，以及变换时间为 0.5 秒。当鼠标悬浮在该元素上时，将其旋转角度变为 180 度。

通过使用以上代码，大家可以很方便的在网页中使用旋转180度动画，从而为用户带来更好的视觉体验和交互性。