CSS:碰觸後寬度緩慢增加
2013/01/01
萌芽站長
498 4
網站技術 , 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
jQuery CDN 掛點解決方案？簡單的 JavaScript 讓您有本地替代方案！
📆 2019-08-17
📁
網站技術, HTML, JavaScript, jQuery
ScrollIt.js：建立頁面滾動導覽的 jQuery 插件
📆 2019-01-19
📁
網站技術, HTML, JavaScript, jQuery
Apache Tomcat 完整安裝教學、附更改通訊埠 & 虛實位址對應 & 起始檔案設定教學
📆 2019-03-04
📁
軟體介紹, 軟體應用, 網站技術, 伺服器, JSP, 架站資源
GitHub Desktop：建立、上傳專案教學，公開自己的專案到 GitHub 吧！
📆 2019-04-04
📁
軟體介紹, 軟體應用, 網路應用, 網站技術
Git 版本控制：「.gitignore」失效？跟著我操作解決問題！
📆 2023-03-18
📁
軟體應用, 網站技術, 程式設計
HTML:<body>
📆 2014-01-04
📁
網站技術, HTML
JavaScript「alert()」提示視窗的使用
📆 2018-09-24
📁
網站技術, JavaScript
CSS:不隨著捲軸移動的固定背景
📆 2013-12-20
📁
網站技術, CSS
留言區 / Comments
萌芽論壇