CSS:模糊效果的美化邊框
2013/01/01
萌芽站長
3,035 0
網站技術 , CSS
⚠️ 溫馨提醒:我們發現您可能啟用了廣告阻擋器,請將本站加入白名單以正常閱讀文章內容,謝謝支持 ❤️
模糊效果的美化邊框你一定要擁有!
↓範例(游標移到上面試試)
~完整語法~
一、CSS部分
<style>
.mnyappt26 {
border-color: rgba(255, 255, 255, 0.1); /*邊框顏色*/
}
.mnyappt26:hover {
/*box shadow 數值:右距離(px) / 上距離(px) / 模糊(px)
-moz-box-shadow: 0px 0px 5px #99FF99; /*Firefox 的 陰影*/
-webkit-box-shadow: 0px 0px 5px #99FF99; /*webkit 系列瀏覽器的陰影*/
box-shadow: 0px 0px 5px #99FF99; /*IE9 或opera*/
-moz-transition:all 0.5s;
-webkit-transition:all 0.5s;
-o-transition:all 0.5s;
transition:all 0.5s;
}
</style>
二、HTML部分
<input class="mnyappt26" size=15 name="keyword" type="text" placeholder="請輸入搜尋內容" autocomplete="off" x-webkit-speech="" speech="" type="text">
贊助廣告 ‧ Sponsor advertisements
CSS background-image 動態下橫線(底線)
📆 2020-08-26
📁
網站技術, CSS
PHP:$_SERVER 擷取當下網址的片段
📆 2022-02-10
📁
網站技術, PHP
Bootstrap 3.4.1:多彩改良式可折疊面板
📆 2021-10-27
📁
網站技術, HTML, CSS, Bootstrap
Git 版本控制:建立與初始化本地倉庫、暫存與認可變更(使用 VS Code)
📆 2019-09-18
📁
軟體應用, 網站技術, 程式設計
XAMPP:phpMyAdmin 連接內部或外部 MySQL 伺服器完整教學
📆 2019-06-02
📁
網站技術, 伺服器, 資料庫, PHP, SQL
Node-RED:Dashboard 使用 button 和 ui control 切換 tab
📆 2021-12-28
📁
網站技術, 物聯網, Node.js, Node-RED
JSP 網站瀏覽數統計實作:Tomcat & JSP 連線 MySQL 教學、隱含物件 Session 解說、程式詳解
📆 2019-06-02
📁
網站技術, 伺服器, 資料庫, 學業筆記, JSP, SQL
Windows 環境安裝 Node.js 以及 npm & Yarn 兩款熱門 JavaScript 套件管理程式
📆 2019-03-24
📁
軟體介紹, 網站技術, 學業筆記, JavaScript, Node.js
留言區 / Comments
萌芽論壇