东莞嘉创网络致力于企业网站建设、网络推广!为客户创造价值!

东莞网络推广东莞网络推广 东莞网站建设东莞网站建设营销论坛营销论坛网站地图网站地图

当前位置:主页 > 知识库 > 网站设计 >

最简单的一个图片放大效果css样式表

发表日期:2020-05-11 18:07文章编辑:haofei浏览次数: 标签:    

最简单的一个图片放大效果css样式表:在鼠标在图片上方时,实现图片放大效果。参数可根据自己实际修改。
div img {
border: 0;
vertical-align: bottom;
max-width: 100%;
cursor: pointer;
transition: all 0.5s;
}

div img:hover {
transform: scale(1.1);
}

解析:
cursor:pointer设定鼠标的形状为一只伸出食指的手,这也是绝大多数浏览器里面鼠标停留在网页链接上方时候的样式。
transition: all 0.5s;宽高都是流畅转变的,时间为0.5s。
transform: scale(1.1):图片以1.1倍的倍率缩放。


相关文章

织梦dede系统如何增加[更新手机主页html]

日期:2021-05-23 浏览次数:192

网站和小程序还能不能做?来看看资深网站设计师怎么说

日期:2021-04-08 浏览次数:107

2021年,企业还有没有必要做网站?

日期:2021-02-25 浏览次数:93

电脑如何打开两个或多个微信?只需一段代码,就这么简单

日期:2020-12-15 浏览次数:195

discuz数据库security_failedlog错误及修复2

日期:2020-09-27 浏览次数:155

Discuz数据库security_failedlog错误及修复

日期:2020-09-20 浏览次数:160

细思极恐!网页搜索收录可能已不是你的,这样的黑产太猖獗

日期:2020-09-14 浏览次数:114

适应手机端dedecms去除文章里图片的宽高属性

日期:2020-09-10 浏览次数:155

最简单的一个图片放大效果css样式表

日期:2020-05-11 浏览次数:61

discuz论坛出现错误Discuz! Database Error如何解决?

日期:2020-03-19 浏览次数:119