黄子涵

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

问题

源码如下:

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

答案

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

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

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

最后效果如下:

image

posted @   黄子涵  阅读(20)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配,妙~啊~
· .NET Core 中如何实现缓存的预热?
点击右上角即可分享
微信分享提示