CSS:碰觸後寬度緩慢增加
2013/01/01
萌芽站長
206 0
網站技術 , CSS
這是基本的CSS寫法~歡迎參考!
↓範例(游標移到上面試試)
測試
~完整語法~
一、CSS部分
<style>
.mnya027 {
font:12px Tahoma,'Microsoft Yahei','mingliu';
background:rgba(102, 255, 255, 0.6);
padding: 3px;
border-radius: 5px;
-moz-border-radius: 5px;
height:30px;
width:50px;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.mnya027:hover {
width:200px;
}
</style>
二、HTML部分
<div class="mnya027">測試</div>
贊助廣告 ‧ Sponsor advertisements
Global DNS Propagation Checker:檢查全球 DNS 傳播、生效狀態
📆 2018-08-20
📁
網路應用, 網站技術, 架站資源
Google AdSense:網站廣告收益京城銀行西聯收款全記錄與教學
📆 2019-09-27
📁
生活相關, 網路應用, 網站技術
PHP:運用對稱密鑰演算法加密與解密訊息
📆 2021-12-29
📁
網站技術, 資訊安全, PHP
Visual Studio Code:開放原始碼的程式碼編輯器、中文化支援、可個人化
📆 2019-02-11
📁
軟體介紹, 網站技術, 程式設計
Git 版本控制:建立與初始化本地倉庫、暫存與認可變更(使用 VS Code)
📆 2019-09-18
📁
軟體應用, 網站技術, 程式設計
YouTube Subscribe Button 訂閱按鈕製作
📆 2016-11-23
📁
網路應用, 網站技術, 串流媒體
CodePen:網頁前端的展示平台,線上 HTML、CSS 與 JS 撰寫工具
📆 2018-09-22
📁
網路應用, 網站技術, HTML, CSS, JavaScript
jQuery CDN 掛點解決方案?簡單的 JavaScript 讓您有本地替代方案!
📆 2019-08-17
📁
網站技術, HTML, JavaScript, jQuery
留言區 / Comments
萌芽論壇