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
Online HTML Editor:線上網頁原始碼編輯器、文本轉網頁原始碼
📆 2019-01-27
📁
網路應用, 網站技術, HTML
CSS:下拉選單美化
📆 2013-01-01
📁
網站技術, CSS
【論壇經營】Discuz! X3.1開啟URL靜態化
📆 2014-01-10
📁
網站技術, 架站程式, Discuz!
Node.js:Gulp 運行 imagemin-mozjpeg,mozjpeg 批次圖片壓縮
📆 2019-03-26
📁
多媒體, 網站技術, JavaScript, Node.js, 靜圖處理, Gulp
Brackets 擴充功能「Brackets Icons」:為左側樹狀檔案列表加入類型圖示
📆 2018-09-20
📁
軟體應用, 網站技術
jQuery Validate:簡單驗證表單欄位資料格式的解決方案
📆 2022-02-09
📁
網站技術, HTML, JavaScript, jQuery
CSS 原生變數(Variables)介紹與使用教學:-- 宣告變數、var() 呼叫變數
📆 2019-03-22
📁
網站技術, CSS
SQL 查詢(SQL Query)的基本語法
📆 2019-04-21
📁
網站技術, 伺服器, 資料庫, 學業筆記, 學術詞彙, SQL
留言區 / Comments
萌芽論壇