我正在尝试Hover Off effect
使用 CSS 实现一个不错的效果。这里有一个很好的例子,但我不能用属性background-size
和font-size
.
效果只是在鼠标悬停时放大图像和文本,并在悬停时恢复原始状态,但以一种干净的方式(使用-webkit-transition)。此代码失败:
.nice a {
background: url(../my_image.png) no-repeat;
background-size: 40px 37px;
font-size: 12px;
/* HOVER OFF */
-webkit-transition: background-size 2s;
-webkit-transition: font-size 2s;
}
.nice a:hover{
background: url(../my_image.png) no-repeat ;
background-size: 43px 39px;
font-size: 13px;
/* HOVER ON */
-webkit-transition: background-size 2s;
-webkit-transition: font-size 2s;
}
有任何想法吗?