服务热线:150-8175-4822
邯郸市最专业的网站建设公司--专注高端网站建设、软件开发、微信开发等信息化建设为一体的网络公司
主营业务
系统开发
网站建设
手机网站
网站维护
网站案例
域名注册
虚似主机
 
邯郸区县网站建设
武安网站建设
永年网站建设
磁县网站设计
峰峰网站制作
马头网站策划维护
 
关于我们
 
公司简介
企业文化
资质介绍
人才招聘
 
当前位置:首页 > CSS实现鼠标放上去图片翻转效果实现
CSS实现鼠标放上去图片翻转效果实现
浏览次数:59次  发布日期:2020-8-12 16:32:17


    <ul class="aj-c2-list clearFix">

               <li style="background:#f6f6f6;"><a href="/ajxy/xyfm/index.shtml" target="_blank"><img src="/src/images/aj-img1.png" height="59" alt=""><p>校园风貌</p></a></li>

               <li style="background:#ececec;"><a href="/ajxy/ajwh/index.shtml" target="_blank"><img src="/src/images/aj-img2.png" alt=""><p>校园文化</p></a></li>

               <li style="background:#f6f6f6;"><a href="/ajxy/xyry/index.shtml" target="_blank"><img src="/src/images/aj-img3.png" height="59" alt=""><p>校园荣誉</p></a></li>

             </ul>




.aj-c2-list{

 width: 100%;

 margin-top: 26px;

}

.aj-c2-list li{

 width: 33.3%;

 float: left;

 height: 178px;

}

.aj-c2-list li img{

 display: block;

 margin: 0 auto;

 margin-top: 36px;

 transition: all 1s ease;

}

.aj-c2-list p{

 font-size: 18px;

 color: #61476e;

 text-align: center;

 font-weight: bold;

 margin-top: 22px;

}

.aj-c2-list li:hover img{

 transform: scale(-1,1);

}




作者:未知 上一条: 什么是jQuery.grep()?
来源:互联网 下一条: 小程序wx.showModal提示框使用
 
地址:邯郸市中华南大街雨晶小区
电话:150-8175-4822 QQ:125856421
Copyright 2012-2022 345600.net Inc. All rights Reserved.
客户服务
15081754822