CSS:圖片碰觸後漸層方框
2013/01/01
萌芽站長
737 0
網站技術 , 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
paroller.js:視差滾動 jQuery 插件、簡單快速製作視差效果!
📆 2019-01-28
📁
網站技術, HTML, JavaScript, jQuery
PHP trim() 移除字串兩側空白或指定字串函數
📆 2019-06-28
📁
網站技術, PHP
【網站設計】jQuery NailThumb 創立高解析縮圖
📆 2015-06-24
📁
網站技術, jQuery
Node.js:Gulp 運行 Autoprefixer,批次處理 CSS 供應商前綴問題
📆 2019-03-27
📁
網站技術, CSS, JavaScript, Node.js, Gulp
純 CSS 區塊輪播效果
📆 2021-12-07
📁
網站技術, HTML, CSS
PHP:$_SERVER 擷取當下網址的片段
📆 2022-02-10
📁
網站技術, PHP
SQL 語法建立資料庫、資料表及其欄位、資料練習
📆 2019-02-28
📁
網站技術, 程式設計, 資料庫, SQL
XAMPP:Apache 服務路徑錯誤之解決方式
📆 2022-09-04
📁
軟體應用, 網站技術, 伺服器
留言區 / Comments
萌芽論壇