變形:
translate
() 位移
translatex
(x)translatey
(y) 水平 垂直方向 =》 translate
(x,y)
語法:tranform:
translate
(x,y)
scale
() 縮放
scalex
(x)scaley
(y)x軸縮放 y軸縮放 =》 scale
(x,y)
語法:transform:
scale
(x,y)
rotate
() 旋轉
語法:transform:rotate
(度數)
; 度數單位:deg
transform-origin 中心原點
語法:transform-origin:取值;
例如: transform-origin:right center;
transform-origin:
100%50%
;邊框:
border-radius 圓角
語法:border-radius:長度值;
設定四個值分別表示: 左上角、右上角、右下角和左下角
半圓:50
% 圓100
%
CSS3的幾個標籤速記3
transition css3過渡 css3裡很好的乙個標籤,可以非常方便的完成需要很多js才能完成的動態效果 例語法 transition width 2s,height 2s,transform 2s css3動畫 keyframes 使一種樣式逐漸變為另一種樣式的過程 1 doctype ht...
css3 常用整理 (3)
先寫乙個關鍵幀,動畫按這個關鍵幀運動 keyframes move 100 複製 div複製 然後在div上繫結這個關鍵幀,animation和transition很像,有那麼幾個引數值 animation name animation duration animation timing funci...
常用CSS3特性
box shadow 盒子陰影 x軸,y軸,模糊距離,陰影半徑拓展,陰影顏色,inset 內投影 可以分別設定四邊,效能殺手 text shadow 字型陰影 x軸,y軸,模糊距離,陰影顏色 rgba rgba和opacity區別,只會對當前元素生效 語法 background linear gra...