1、html代码

 <div class="mainPro-img">
     <img class="qqq" src="images/pro1.jpg" alt="" style="width: 100%;">
 </div>

2、给需要放大或缩小的图片添加联动样式

.qqq{
    transition: all 0.2s linear;
}

3、设置图片的hover样式，scale(0.8)代表图片变为原图片的0.8倍，0.2s代表该变化在0.2s内完成

.qqq:hover{
    transform: scale(0.8);
    transition: all 0.2s linear;
}

4、完结

----------------------------------------------

更新：

实现边框在鼠标移上去与鼠标离开时的动态缩放效果，使用after联系鼠标上移与鼠标退出，详情见下图中css部分

# css # html # elementui
Logo
华为开发者空间

华为开发者空间，是为全球开发者打造的专属开发空间，汇聚了华为优质开发资源及工具，致力于让每一位开发者拥有一台云主机，基于华为根生态开发、创新。

更多推荐

Mac使用VMware虚拟机安装CentOS遇到的问题

Mac使用VMware虚拟机安装CentOS遇到的问题以及解决方法

avatar 华为开发者空间

Win Server下安装和配置DHCP

服务器的配置是每一位计算机相关专业必备技能，本文已Win Server为平台，介绍DHCP的安装和配置。系统：Win Server 2008类别：DHCP平台：VMWare 16以VMWare 为平台，创建两台虚拟机，一台作为服务器，一台作为客户机进行测试。网卡上要求两台虚拟机在同一LAN区段里，这样可以保证网络是互通的。在此前我们学习了DNS的搭建配置，本文教程在搭建DHCP时，建议如下：1.提

avatar 华为开发者空间

ubuntu下LMAP环境一键式安装

<br />1：下载lnmp6：完整版：http://soft.vpser.net/lnmp/lnmp0.4-full.tar.gz<br />2：解压缩：tar zxvf lnmp0.4-full.tar.gz<br />3：安装<br />     cd /lnmp0.4<br />     32系统安装./debian.sh ，回车，域名，vps等默认。<br />     输入Mysql的

avatar 华为开发者空间