CSS3幾個速記標籤2

2022-04-22 06:30:25 字數 741 閱讀 1051

@font-face如果要使用粗體,必須新新增另乙個包含粗體文字的@font-face規則

css2d轉換

translate()方法:根據左和上給定引數     語法:transform:translate(--px,--px);

rotate()方法:旋轉,允許負值     語法:transform:rotate(--deg);

scale()方法:改變元素大小     語法:transform:scale(2,4)     寬為原來的2倍  高為原來的4倍

skew方法:根據x軸和y軸給定角度     語法:transform:skew(--deg,--deg);

matrix()方法:有六個引數,包含旋轉,縮放,移動(平移)和傾斜功能     transform:matrix(0.866,0.5,-0.5,0.866,0,0);

css3d轉換

ratatex()與rotatey():以中線為軸翻轉     語法:transform:rotatex(--deg);

以rotate為例,translate,scale,skew,matrix同樣適用

CSS3的幾個標籤速記3

transition css3過渡 css3裡很好的乙個標籤,可以非常方便的完成需要很多js才能完成的動態效果 例語法 transition width 2s,height 2s,transform 2s css3動畫 keyframes 使一種樣式逐漸變為另一種樣式的過程 1 doctype ht...

CSS3的快速記憶

border radius 25px box shadow 10px 10px 5px 888888 這個屬性挺重要的,特別是做的效果時.box shadow 陰影的x偏移值,陰影的y偏移值,模糊值,陰影大小,陰影顏色 其中偏移值可以為負數,陰影大小為0時是與原來一樣大,模糊值越大越模糊 borde...

css3常用的幾個

變形 translate 位移 translatex x translatey y 水平 垂直方向 translate x,y 語法 tranform translate x,y scale 縮放 scalex x scaley y x軸縮放 y軸縮放 scale x,y 語法 transform ...