CSS:碰觸後寬度緩慢增加
2013/01/01
萌芽站長
242 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
phpMyAdmin:解決匯入檔案大小上限問題(教學基於 XAMPP)
📆 2019-03-15
📁
軟體應用, 網站技術, 伺服器, 資料庫
HeidiSQL:支援 MariaDB、MySQL、Microsoft SQL、PostgreSQL、SQLite 的資料庫管理軟體
📆 2022-09-11
📁
軟體介紹, 網站技術, 資料庫, SQL
WordPress 安裝教學與前後台簡介(以 XAMPP 作為平台)
📆 2019-12-22
📁
軟體應用, 網站技術, 架站程式, 架站資源, WordPress
Bootstrap 介紹與入門,Bootstrap 5 跟 Bootstrap 3 & 4 的差別
📆 2021-10-27
📁
網站技術, HTML, Bootstrap
w3big.com:最完整的線上網頁技術教學網站、全中文教學、自學網頁
📆 2018-01-20
📁
網路應用, 網站技術
PHP:glob() 取得匹配之檔案路徑、filesize() 取得指定檔案大小
📆 2021-10-22
📁
網站技術, PHP
解決搜尋引擎蜘蛛導致主機資源滿載和網站掛掉的問題、.htaccess 擋壞蜘蛛
📆 2017-09-05
📁
網站技術, 伺服器
Global DNS Propagation Checker:檢查全球 DNS 傳播、生效狀態
📆 2018-08-20
📁
網路應用, 網站技術, 架站資源
留言區 / Comments
萌芽論壇