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