-
transform參數(shù)查看全部
-
safari 支持 -webkit-transiton 其他(c除ie9以下）都支持transition查看全部
-
transition : property duration timing-function delay;查看全部
-
transform 帶有 前綴-ms -webkit -moz -o查看全部
-
用a標簽制作圓角按鈕： 1、在a中添加一個span 2、a中放置按鈕左背景，span放置寬度自適應右背景 2、可以有交互效果查看全部
-
用<a>標簽制作自適應寬度的按鈕，先給<a>添加高度，不添加寬度屬性，設置左側(cè)的半角背景，防背景遮擋文字，設置padding-left：15px；右側(cè)添加自適應寬度的半角背景，考慮到<a>只能添加一幅背景圖片，給按鈕文字包裹上<span>標簽 ，添加背景時，截取背景圖片部分，在url后加right -40px，鼠標懸浮時，背景圖片位置改變，background-position：right -*px。查看全部
-
用<a>標簽制作自適應寬度的按鈕，先給<a>添加設置左側(cè)的半角背景，防背景遮擋文字，設置padding-left：15px；右側(cè)添加自適應寬度的半角背景，考慮到<a>只能添加一幅背景圖片，給按鈕文字包裹上<span>標簽 ，查看全部
-
幽靈按鈕：在設計網(wǎng)頁中的按鈕之時，不再設計復雜色彩、樣式和紋理，而是外僅以線框示意輪廓，內(nèi)只用文字示意功能，背景透出，與整個頁面/背景合而為一的設計方式。國外的設計師稱之為“幽靈按鈕”（Ghost Buttons），盛贊這種按鈕通透簡約，貼合整體風格又不失神韻，別具魅力。查看全部
-
box-sizing查看全部
-
transform屬性查看全部
-
旋轉(zhuǎn)和縮放查看全部
-
css查看全部
-
html： <a href="#"><span>按鈕按鈕按鈕按鈕按鈕按鈕</span></a> -------------------------------------------------------------------------------------- css: a{ display:inlin-block; height:40px; line-height:40px; text-decoration:none; background:url(btn_bg.png); padding-left:15px;} a span{ display:inline-block; height:40px; background:url(btn_bg.png) right -40px; color:#fff; padding-right:15px;} a:hover{ background-position:0 -80px;} a:hover span{ background-position:right -120px;}查看全部
-
關(guān)鍵點： 1、把a標簽、span標簽轉(zhuǎn)換成行內(nèi)塊元素； 2、背景定位，左對齊或右對齊查看全部
-
<a>標簽制作按鈕的優(yōu)點： 1、沒有默認事件 2、可以用css模擬成按鈕的外觀，并做到寬度自適應 3、可以增加上交互效果，且瀏覽器均兼容查看全部
舉報
0/150
提交
取消