CSS:圖片碰觸後漸層方框
2013/01/01
萌芽站長
1,090 1
網站技術 , CSS
⚠️ 溫馨提醒:我們發現您可能啟用了廣告阻擋器,請將本站加入白名單以正常閱讀文章內容,謝謝支持 ❤️
萌芽站長研究CSS很久了~分享一個給大家~!
我要原碼↓
第一部份:CSS原碼
.mnya img, .mnya a img {
max-width: 830px;
margin: 3px 0 5px 0;
border: 3px solid #E6E6E6;
-webkit-transition: border-color 0.5s linear
}
.mnya img:hover, .mnya a:hover img {
border-color: #A2C222;
}
第二部份:html原碼
<div class="mnya">
<a><img alt="" src="http://mnya.tw/mnya.gif"></a></div>
圖片說明↓
贊助廣告 ‧ Sponsor advertisements
jQuery Zoom:圖片放大插件、在指定大小內原始比例呈現圖片大小
📆 2019-01-26
📁
網站技術, HTML, CSS, JavaScript, jQuery
Joomla! 內容管理系統(架站程式)完整安裝過程
📆 2017-03-30
📁
網站技術, 架站程式
Node.js:Gulp 運行 imagemin-mozjpeg,mozjpeg 批次圖片壓縮
📆 2019-03-26
📁
多媒體, 網站技術, JavaScript, Node.js, 靜圖處理, Gulp
CSS:屬性border簡單介紹
📆 2013-01-01
📁
網站技術, CSS
CSS3「border-radius」基礎圓角製作教學
📆 2018-09-27
📁
網站技術, CSS
【網站設計】jQuery NailThumb 創立高解析縮圖
📆 2015-06-24
📁
網站技術, jQuery
【網站架設】我應該如何選擇網域?
📆 2013-12-28
📁
網站技術
CSS:list-style-type屬性
📆 2014-01-29
📁
網站技術, CSS
留言區 / Comments
萌芽論壇