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


问题

源码如下:

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

答案

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

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

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

最后效果如下:

image

原创文章,作者:Maggie-Hunter,如若转载,请注明出处:https://blog.ytso.com/tech/pnotes/270565.html

(0)
上一篇 2022年6月28日 00:36
下一篇 2022年6月28日 07:59

相关推荐

发表回复

登录后才能评论