Question

我想要做的是当你将鼠标悬停在它上面时放大一个单词。代码有效，即使光标位于放置单词的行上，单词也会放大。

这是我的段落的HTML代码：

<p id="classic">Classic</p>

这是CSS代码：

#classic:hover {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

另外，如果你不能使用CSS，有没有办法用jQuery做这个呢？

Answer 1

设置display: inline-block;

＆＃13;

#classic{
  display: inline-block;
}
#classic:hover {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

＆＃13;

<p id="classic">Classic</p>

＆＃13;

Answer 2

你的问题是p是一个块元素，它扩展了div的长度。将display:inline-block添加到您的元素中。

#classic{ 
    display: inline-block;
}

如何激活悬停在单词上的CSS过渡？

2 个答案: