查漏补缺——解释一下以下代码

2022/6/27 23:23:25

编程Tag： filter hover transform Scale 1.1 查漏 contrast 补缺解释一下

本文主要是介绍查漏补缺——解释一下以下代码，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

问题

源码如下：

.hzh-banner-img:hover {
    transform: scale(1.1, 1.1);
    filter: contrast(130%);
}

:hover表示光标悬挂在元素上发生改变。

transform表示2D转换，scale表示缩放转换，两个参数表示水平和垂直方向都进行转换。

filter类似滤镜这东西，contrast表示使用对比度。

最后效果如下：

这篇关于查漏补缺——解释一下以下代码的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！