这里有两个可能的标题，重点关注您请求的'纯 CSS”方面： 1. 使用纯 CSS 单击时可以将图像旋转 45 度吗？ （强调问题，以及'纯C

使用纯 CSS 在单击时进行 CSS 变换

在本文中，我们将探索如何在单击时实现图像上的旋转动画只有CSS。让我们从最初的问题开始。

问题：

用户想要使用 CSS 将图像旋转 45 度来创建十字符号。然而，他们的代码依赖于悬停，不适用于 onclick 事件。他们寻求使用纯 CSS 的简单解决方案。

答案：

为了完成点击旋转，我们可以使用 ':active' 伪类来代替'：徘徊'。以下是修改后的代码：

<code class="css">.crossRotate:active {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}</code>

但是，此修复并不能解决单击活动结束后转换的持久性问题。为了解决这个问题，我们可以合并 JavaScript，但对于纯 CSS 解决方案，持久性是不可行的。

以上是这里有两个可能的标题，重点关注您请求的'纯 CSS”方面： 1. 使用纯 CSS 单击时可以将图像旋转 45 度吗？ （强调问题，以及'纯C的详细内容。更多信息请关注PHP中文网其他相关文章！