CSS:圖片碰觸後漸層方框

2013/01/01 768 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
phpfmt（Visual Studio Code 擴充功能）：PHP 格式化／自動美化工具
📆 2019-06-15
📁 軟體應用, 網站技術, PHP
jQuery：利用自定義 HTML 屬性打造多國語言的靜態網頁
📆 2020-05-03
📁 網站技術, HTML, JavaScript, jQuery
Node.js：Gulp 運行 gulp-connect 套件，建立前端開發伺服器（Gulp 大展身手！）
📆 2019-03-25
📁 網站技術, 伺服器, 學業筆記, JavaScript, Node.js, Gulp
nvm-windows：Windows 平台的 Node.js 版本管理工具，可安裝、切換和管理多個 Node.js 版本
📆 2024-06-26
📁 軟體介紹, 軟體應用, 網站技術, Node.js
Animate.css:快速製作CSS動畫
📆 2016-02-25
📁 網站技術, CSS
phpMyAdmin：解決匯入檔案大小上限問題（教學基於 XAMPP）
📆 2019-03-15
📁 軟體應用, 網站技術, 伺服器, 資料庫
JavaScript：科學記號與數字互相轉換
📆 2022-09-12
📁 網站技術, JavaScript
CSS:下拉選單美化
📆 2013-01-01
📁 網站技術, CSS

留言區 / Comments

萌芽論壇

萌芽站長

您好，我是萌芽系列網站（Mnya Series Website）的站長&創始人，可以稱呼我「萌芽站長」。我的興趣與專長有登山、觀察地形、攝影、旅遊、網頁設計＆架設＆經營、動畫製作、圖片處理、資料彙整等。有任何問題或建議請至萌芽論壇發表。網站業務、商業合作的聯絡方式在「關於本站 → 團隊介紹 → 站長介紹」，很高興認識您！請多指教！