-
transition 的介紹查看全部
-
tip的定位是相對(duì)box定位的 因?yàn)閠ip是根據(jù)盒子自適應(yīng)的 當(dāng)文字變多的時(shí)候 tip也會(huì)變大 有可能會(huì)超過a標(biāo)簽所在的大小 所以以整的box來定位是最合適的查看全部
-
{ display:block;/*把行級(jí)元素變成塊級(jí)元素*/ width:180px;/*其實(shí)這里的寬不止是180px因?yàn)檫€要加上2px和20px 第一種方法你可以用減法將width控制在180px（180-20-2} 還有css3中新增的方法box-sizing屬性允許以特定的方式定義某個(gè)區(qū)域內(nèi)的特定元素。屬性有content-box border-box inherit 默認(rèn)的是contrnt-box border-box就是為元素指定的任何內(nèi)邊距和外邊距的設(shè)定的寬和高內(nèi)繪制。*/查看全部
-
.link .icon { display:inline-block; /*應(yīng)用此特性的元素呈現(xiàn)為內(nèi)聯(lián)對(duì)象，周圍元素保持在同一行， 但可以設(shè)置寬度和高度地塊元素的屬性)*/ width:100%; height:190px; /*icon的圖片大小是155個(gè)px 因?yàn)檫@里采用動(dòng)畫實(shí)現(xiàn)放大的作用所以我們?cè)谶@里不能使用155px 放大1.2倍則是155*1.2=186 所以這里我們?cè)O(shè)置成190px*/ transition:0.2s ease-out; /*transition-property表示設(shè)置過渡效果的css屬性名稱 transition-duration:規(guī)定完成過渡效果需要多少秒或者毫秒 transition-timing-function:規(guī)定速度效果的速度曲線 transition-delay：定義過渡效果什么時(shí)候開始 ease-out是定義有快到慢的速度*/ -moz-transition:0.2s ease-out; -ms-tranform:transition:0.2s ease-out; -webkit-tranform:transition:0.2s ease-out; -o-tranform:transition:0.2s ease-out; }查看全部
-
值描述查看全部
-
CSS3 - box-sizing查看全部
-
CSS3-Transition查看全部
-
CSS3-Transform參數(shù)查看全部
-
3d效果查看全部
-
css3中可以使用transition來柔化滑動(dòng)、轉(zhuǎn)變的過程，在要改變樣式的元素樣式表的初始狀態(tài)下定義查看全部
-
is方法判斷是否存在某個(gè)狀態(tài)，然后執(zhí)行相應(yīng)操作查看全部
-
必須設(shè)置過渡屬性 transition查看全部
-
transform:rotate(360),scale(1.2)查看全部
-
a標(biāo)簽制作按鈕的優(yōu)點(diǎn)查看全部
-
jQuery 把a(bǔ)標(biāo)簽的data屬性輸出到標(biāo)簽頁標(biāo)題處 $(function(){ $('.link .button').hover(function(){ var title = $(this).attr('data'); document.title = title; }) })查看全部
舉報(bào)
0/150
提交
取消