Question

一个简单的问题。

当我悬停元素时，元素应该是缩放。工作正常。问题是我有一些背景颜色也适用。我想摆脱这种背景转变。

以下是我的代码。

.scale{
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.scale:hover{
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

我已将transition-property更改为width, height, top, right, bottom, left

我的笔http://codepen.io/anon/pen/yAGBj

Answer 1

将您的transition更改为仅影响所需的CSS属性，而不是all：

transition: transform .2s ease-in-out;

CodePen demo

Answer 2

正如我在上面的评论中所提到的，只需在background:red课程中添加scale:hover。

.scale:hover{
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
background:red;
}

DEMO

CSS3过渡只是规模

2 个答案: