CSS:圖片碰觸後漸層方框
2013/01/01
萌芽站長
1,085 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
Sass/SCSS 初嘗試,新手入門語法教學 ◆ 進階的 CSS:巢狀結構、變數、函數、迴圈與繼承等
📆 2019-03-19
📁
網站技術, Sass/SCSS
CSS:文字光亮特效
📆 2013-01-01
📁
網站技術, CSS
TWNIC DNS 設定檢測服務:檢查 DNS 是否正確設定
📆 2018-08-20
📁
網路應用, 網站技術, 架站資源
JavaScript:計算陣列的四分位數
📆 2022-03-01
📁
網站技術, JavaScript
【論壇美化】友情連結區域美化
📆 2013-01-01
📁
網站技術, 架站程式, Discuz!
Overlay Scrollbars:jQuery 自定義捲軸、可單純使用 JS,半透明且可自動隱藏
📆 2019-01-19
📁
網站技術, HTML, CSS, JavaScript, jQuery
修改 .htaccess 隱藏網址列的 .php 副檔名
📆 2019-06-15
📁
網站技術, 資訊安全, 伺服器, PHP
YouTube Subscribe Button 訂閱按鈕製作
📆 2016-11-23
📁
網路應用, 網站技術, 串流媒體
留言區 / Comments
萌芽論壇