查漏补缺——解释一下以下代码
问题
源码如下:
.hzh-banner-img:hover {
transform: scale(1.1, 1.1);
filter: contrast(130%);
}
答案
:hover表示光标悬挂在元素上发生改变。
transform表示2D转换,scale表示缩放转换,两个参数表示水平和垂直方向都进行转换。
filter类似滤镜这东西,contrast表示使用对比度。
最后效果如下:

源码如下:
.hzh-banner-img:hover {
transform: scale(1.1, 1.1);
filter: contrast(130%);
}
:hover表示光标悬挂在元素上发生改变。
transform表示2D转换,scale表示缩放转换,两个参数表示水平和垂直方向都进行转换。
filter类似滤镜这东西,contrast表示使用对比度。
最后效果如下:
