-
transform 中的 rotate查看全部
-
css3新增圓角屬性：border-radius html5+css3實現(xiàn)圓角按鈕border-radius屬性,html5+css3可用的瀏覽器為ie9以上以及最新的瀏覽器火狐，谷歌。 <a>標簽本身是行內(nèi)元素，變成行內(nèi)塊元素需設(shè)置屬性：display:inline-block; <a>標簽制作圓角水晶按鈕的關(guān)鍵步驟？ 1、在<a>標簽中增加<span>標簽 2、給按鈕貼圖 3、增加交互效果 <input>標簽是行內(nèi)塊元素 用<input>標簽做按鈕的局限性：寬度無法自適應(yīng)，沒有交互效果。查看全部
-
推薦方法，用stop函數(shù)，不用判斷 $(function(){ $('.link .button').hover(function(){ var title=$(this).attr('data-title'); $('.tip em').text(title); var pos=$(this).offset().left; var dis=($('.tip').outerWidth()-$(this).outerWidth())/2; var l=pos-dis; $('.tip').css({'left':l+'px'}).stop(true,true).animate({'top':180,'opacity':1},300); },function(){ $('.tip').stop(true,true).animate({'top':160,'opacity':0},300); }) })查看全部
-
使用判斷還是會出現(xiàn)tip停住不消失的問題。 在鼠標滑入時加一個.stop(false,true).animate(...),鼠標移出時加一個.stop().animate(...)。 感謝老師辛苦講課，贊一個：）查看全部
-
<a>標簽制作按鈕的優(yōu)點： 1、沒有默認事件； 2、可以用CSS模擬成按鈕外觀，并做到寬度自適應(yīng)； 3、可以增加交互效果，且瀏覽器均兼容；查看全部
-
<input type="button" value="按鈕"> <input type="submit" value="提交"> <input type="reset" value="重置"> <input type="image">現(xiàn)在都是用css美化，這個基本上不用了 表單按鈕的默認樣式是有操作系統(tǒng)決定的 input{width:100px;height:40px;background:url();border:none;} input背景圖片展示的話，只能做固定寬高的，如果寬度改變，會出現(xiàn)背景圖片repeat效果 1. 傳統(tǒng)表單input標簽按鈕有：type--button,submit,reset,image(image類型基本上不用）；input屬于行內(nèi)塊元素，可設(shè)置寬高。 2. 如果input按鈕沒有設(shè)置CSS樣式，默認由操作系統(tǒng)給的，有交互功能。如果設(shè)置了背景圖片，則會失去交互功能，且若寬高不適合，會repeat. 3. submit和reset這兩種類型有默認動作，平時不需要，比較流行的按鈕制作都是由<a>標簽實現(xiàn)的。查看全部
-
啊手動閥手動閥手動閥查看全部
-
box-sizing 屬性允許以特定的方式定義匹配某個區(qū)域的特定元素： box-sizing: content-box(默認值) | border-box | inherit 兼容性：IE 、 Opera 、 Chrome 支持 box-sizing 屬性，F(xiàn)irefox 支持替代的 -moz-box-sizing 屬性查看全部
-
css3-transition查看全部
-
transition: property duration timing-function delay; transition-property:規(guī)定設(shè)置過渡效果的CSS屬性的名稱 transition-duration:規(guī)定完成過渡效果需要多少秒或毫秒 transition-timing-function:規(guī)定速度效果的速度曲線 transition-delay:定義過渡效果何時開始查看全部
-
動畫效果的直線效果查看全部
-
圓角屬性:boder_radius查看全部
-
按鈕設(shè)置查看全部
-
提示按鈕的設(shè)置，算法，及效果變化查看全部
-
border_radius:圓角查看全部
舉報
0/150
提交
取消