-
學習目標：查看全部
-
旋轉rotate屬性的時候，添加transform-origin：0 0 就是等于從零角度開始，如果不設置就是默認 從中心點開始旋轉查看全部
-
利用@media實現響應式布局查看全部
-
figure標簽、 figcaption標簽查看全部
-
link 標簽查看全部
-
1、HTML5標簽： figure 規定獨立流內容（圖片、代碼等） figcaption figure元素標題 2、CSS3內容： transform: translate ------ 平移 translate(x,y) rotate ----------- 旋轉 rotate(90deg) 正值順時針 transform-origion:0 0 ; 旋轉點，默認center scale ------------縮放 scale(0.5,0.5) scale(x,y) skew --------------- 斜切扭曲 skew(50deg,20deg) skew(x,y) 3、CSS3內容： transition: property ------------- 檢索或設置對象中的參與過渡的屬性: all transform 等 duration：過渡動畫的持續時間 timing-function:檢索或設置對象中過渡的動畫類型（Linear，ease,ease-in,ease-out,ease-in-out） delay:檢索或設置對象中延遲過渡的時間 4、媒體查詢： @media screen and (width:800px){....} @import url(example.css) screen and (width:800px) <link media="screen and (width:800px)" rel="stylesheet" href="example.css" />查看全部
-
figure和figcaption查看全部
-
css3圖片動態提示效果查看全部
-
transform講解查看全部
-
transition 屬性 property 檢索或設置對象中的參與過渡的屬性，duration 過渡動畫的持續時間， timing-function。檢索或設置對象中過渡的動畫類型，（linear，ease，ease-in，ease-out，ease-in-out）。delay 檢索或設置對象延遲過渡的時間。查看全部
-
translate，rotate，scale，skew，平移，旋轉，縮放，斜切查看全部
-
figure以及figcaption標簽的用法: <figure> <img src=""> <figcaption>figcaption</figcaption> </figure>查看全部
-
transition。。查看全部
-
媒體查詢的三種方式查看全部
-
transition1查看全部
舉報
0/150
提交
取消