小编sen*_*ete的帖子

CSS转换变换

我想问一下当鼠标悬停在整个文本上时是否只有旋转图标的方法?

代码如下所示:

.text .icon {
  vertical-align: middle;
  font-size: 40px;
  
  transition: transform 0.5s;
}

.icon:hover {
  transform: rotate(360deg);
}

.text {
  margin: 0 auto;
  clear: both;
  font-size: 23px;
}
Run Code Online (Sandbox Code Playgroud)
<p class="text">
  <span class="icon">i</span><a href="#" target="_blank">Text</a>
</p>
Run Code Online (Sandbox Code Playgroud)

图标旋转,但只有鼠标自身.

谢谢

html css transition transform

3
推荐指数
1
解决办法
90
查看次数

标签 统计

css ×1

html ×1

transform ×1

transition ×1