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
JSP:XY的加減乘除,自訂函數、宣告變數
📆 2019-04-04
📁
網站技術, HTML, JSP
JavaScript:點擊任一按鈕使其他按鈕無法點擊
📆 2019-10-26
📁
網站技術, HTML, JavaScript
Easing 函數速查表:網頁動畫執行速度函數查詢,可用 CSS、SCSS 或 jQuery
📆 2019-02-08
📁
網站技術, HTML, CSS, JavaScript, jQuery
Node.js:Gulp 運行 Autoprefixer,批次處理 CSS 供應商前綴問題
📆 2019-03-27
📁
網站技術, CSS, JavaScript, Node.js, Gulp
PHP&Telegram:建立一個機器人並發送訊息至指定對話或頻道中
📆 2022-03-11
📁
網路應用, 網站技術, PHP
SugarHosts 糖果主機:CP值高的付費虛擬主機,無限空間/流量
📆 2018-08-16
📁
網站技術, 架站資源
Node.js:Gulp 運行 gulp-clean-css,批次壓縮 CSS
📆 2019-03-28
📁
網站技術, CSS, JavaScript, Node.js, Gulp
Java Server Pages (JSP)(Visual Studio Code 擴充功能):讓 VSCode 支援 JSP
📆 2019-03-26
📁
軟體應用, 網站技術, JSP
留言區 / Comments
萌芽論壇