CSS:碰觸後寬度緩慢增加
2013/01/01
萌芽站長
231 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
Master Styles Language Service(Visual Studio Code 擴充功能):Master 框架的語法突顯及完成提示
📆 2022-05-02
📁
軟體應用, 網站技術, HTML, CSS
phpMyAdmin 連線到 MySQL 5.1 撞牆事件
📆 2022-01-21
📁
網站技術, 伺服器, 資料庫, PHP
GitHub Pages x GitHub Desktop:在 GitHub 上建立靜態網站可供即時瀏覽
📆 2020-04-21
📁
軟體應用, 網路應用, 網站技術
PHP:尋找 php.ini 路徑及 php.ini-development 與 php.ini-production 是什麼?
📆 2021-10-21
📁
網站技術, 伺服器, PHP
PHP:從 MySQL 資料庫中取得資料表的筆數與資料
📆 2019-06-16
📁
網站技術, 伺服器, 資料庫, PHP, SQL
【論壇美化】友情連結區域美化
📆 2013-01-01
📁
網站技術, 架站程式, Discuz!
Tilt.js:浮動方塊製作、視差懸停傾斜效果 jQuery 插件
📆 2019-01-28
📁
網站技術, HTML, JavaScript, jQuery
jQuery:replace 字串取代示範、如何取代所有符合的字串?
📆 2022-02-11
📁
網站技術, JavaScript, jQuery
留言區 / Comments
萌芽論壇