我有心爱的 CSS 部分来影响图像
.split-banner .right-cl:hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
我需要将上面的 CSS 应用到 div 元素中包含的背景图像 我怎样才能做到这一点?
最佳答案
悬停时更改背景大小
。要模仿 scale(1.1)
,请使用 110%
。
div {
width: 560px;
height: 400px;
background: url('http://kenwheeler.github.io/slick/img/fonz1.png') center center no-repeat;
}
div:hover {
background-size: 110%;
}
<div></div>
关于CSS 将比例尺转换为背景图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42616579/