-
CSS代碼內(nèi)容查看全部
-
學(xué)習(xí)的標(biāo)簽查看全部
-
媒體查詢使用方式查看全部
-
Transition屬性 transform:translationX()查看全部
-
transform-origin:0 0;設(shè)置旋轉(zhuǎn)中心查看全部
-
figure figcaption標(biāo)簽查看全部
-
父容器中有相對(duì)定位，子容器中的絕對(duì)定位是相對(duì)于父容器的查看全部
-
property :將所或設(shè)置對(duì)象中參與過(guò)度的屬性。 duration:過(guò)渡動(dòng)畫(huà)的持續(xù)時(shí)間。 timing-function:將所或設(shè)置對(duì)象中過(guò)渡的動(dòng)畫(huà)類型。 delay:檢索或設(shè)置對(duì)象延遲過(guò)度的時(shí)間。查看全部
-
transition以及transition transform為CSS3屬性，主要用于元素的變形處理 屬性：translate（平移）, Rotate（旋轉(zhuǎn)）, scale（縮放）, skew（斜切） transfoem-translate:指定對(duì)象的2D translation（2D平移） 第一個(gè)參數(shù)對(duì)應(yīng)X軸，第二個(gè)參數(shù)對(duì)應(yīng)Y軸 如果第二個(gè)參數(shù)未提供，咋默認(rèn)值為0 transform-rotate:指定對(duì)象的2D rotate(2D旋轉(zhuǎn)），需先有transform-orgin（設(shè)置元素中心點(diǎn)）屬性的定義 例如：rotate(90deg),ransform-origin:0 0; transform-scale:指定對(duì)象的2D scale(2D縮放) 第一個(gè)參數(shù)對(duì)應(yīng)X軸，額第二個(gè)參數(shù)對(duì)應(yīng)Y軸 如果第二個(gè)參數(shù)未提供，則默認(rèn)取第一個(gè)參數(shù)的值 例如：scale(0.5,0.5)大于1放大，小于1縮小 transform-skew：指定對(duì)象skew transformation（斜切扭曲） 第一個(gè)參數(shù)對(duì)應(yīng)X軸，第二個(gè)參數(shù)對(duì)應(yīng)Y軸 如果第二個(gè)參數(shù)未提供，則默認(rèn)值為0 例如：skew(50deg（橫向）,20deg（縱向）)查看全部
-
figure以及figcaption標(biāo)簽 figure標(biāo)簽，HTML5語(yǔ)義化標(biāo)簽 用于規(guī)定獨(dú)立的流內(nèi)容（圖像、圖表、照片、代碼等等） figcaption標(biāo)簽，HTML5語(yǔ)義化標(biāo)簽 與figure配套使用，用于標(biāo)簽定義figure元素的標(biāo)題 結(jié)構(gòu)與用法： <figure> <img src=""/> <figcaption>figcaption</figcaption> </figure>查看全部
-
學(xué)習(xí)目標(biāo)： 1、掌握f(shuō)igure以及figcaption標(biāo)簽的用法 2、掌握transform的屬性特點(diǎn)，并熟練應(yīng)用 3、通過(guò)transition以及transform配合，制作動(dòng)畫(huà) 4、學(xué)會(huì)簡(jiǎn)單的媒體查詢功能查看全部
-
寫(xiě)的一樣的，但是圖片并沒(méi)有變小啊查看全部
-
明天繼續(xù)查看全部
-
transform查看全部
-
學(xué)習(xí)查看全部
舉報(bào)
0/150
提交
取消