CSS3新增屬性2

box-shadow:水平偏移 垂直偏移;   偏移可以負值

box-shadow:水平偏移 垂直偏移 顏色;
box-shadow:水平偏移 垂直偏移 模糊值 顏色; /*最常見的*/
box-shadow:水平偏移 垂直偏移 模糊值 外延值 顏色;

background-size: cover / contain / 400px 300px / 100% 100%

background: color image postion/size repeat attachment

長度 (padding margin width height  left/top/right/bottom border-width  background-position ...)

顏色變換
純數字 (opacity、z-index)

偽類觸發  :hover  :focus  ....

**查詢 @media
js

transition-property指定要過渡的屬性 用,隔開。預設是 all

transition-duration 過渡持續時間
transition-timing-function 過渡線性效果 預設 ease
transition-delay 過渡延遲
transition：propertytiming-function duration delay

@keyframes 動畫名字 

20% 
40% 
100% 
}

animation-name  指定動畫的名字

animation-duration 動畫的執行時間
animation-timing-function 執行效果速度 
animation-delay 延遲
animation-iteration-count 迴圈 次數 infinite(無限)
animation-direction: alternate （正向 反向 交替）\ reverse（反向）
animation-play-state: running / paused
animation 復合屬性

CSS3新增屬性用法整理CSS3新增屬性用法整理

css3新增屬性用法整理 css3新增屬性用法整理 1 box shadow 陰影效果 2 border color 為邊框設定多種顏色 3 border image 邊框 4 text shadow 文字陰影 5 text overflow 文字截斷 6 word wrap 自動換行 7 bord...

css3 新增屬性

background origin 背景影象顯示的原點。background clip 規定背景的繪製區域。padding box 從padding區域 含padding 開始顯示背景影象。border box 從border區域 含border 開始顯示背景影象。content box 從cont...

Css3新增屬性

1.新增邊框屬性 box shadow 實現邊框陰影 屬性值有 模糊度 x軸偏移y軸偏移 color 陰影顏色 border radius 實現圓角邊框 屬性值越大角度越大 border image 實現邊框 border image source slice width outset repeat...