服務熱線:150-8175-4822
邯鄲市最專業的網站建設公司--專注高端網站建設、軟件開發、微信開發等信息化建設為一體的網絡公司
主營業務
系統開發
網站建設
手機網站
網站維護
網站案例
域名注冊
虛似主機
 
邯鄲區縣網站建設
武安網站建設
永年網站建設
磁縣網站設計
峰峰網站制作
馬頭網站策劃維護
 
關于我們
 
公司簡介
企業文化
資質介紹
人才招聘
 
當前位置:首頁 > CSS實現鼠標放上去圖片翻轉效果實現
CSS實現鼠標放上去圖片翻轉效果實現
瀏覽次數:276次  發布日期: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
mg娱乐登录