容易忘記的css屬性和動畫屬性

動畫屬性

@keyframes 關鍵幀 ——> animation 活潑 （配合使用）

transform 變換 ——> transition 過渡 （配合使用）

1、animation

屬性作用介紹

擴充套件

animation-fill-mode:forwards 讓動畫保持在最後一幀

animation-play-state:paused; 讓動畫在當前幀停止

transition: 屬性名||all，完成時間，速度曲線，延遲時間;

transition: all 5s linear;

屬性作用介紹

3、transform 該屬性允許我們對元素進行旋轉、縮放、移動或傾斜

rotate 旋轉，scale縮放，skew傾斜，translate移動

4、 box-shadow:水平,垂直,模糊距離,陰影的尺寸,陰影的顏色,將外部陰影 (outset) 改為內部陰影

box-shadow:5px 5px 5px 5px red outset;

例項@keyframes 關鍵幀 + animation 活潑

.d1

@keyframes mymove
100% 
}@-webkit-keyframes mymove /* safari 和 chrome */
to }

.d1

.d1.d1:hover

html容易忘記的屬性

除去內邊框 cellspacing 0單元格之間的間距 單選按鈕要想生效必須新增name屬性，並且name屬性的值必須一樣 預設選中項使用checked checked 屬性 表單元素中，使用者可以輸入值的時候，可以不加value 文字框，文字域當表單元素中沒有值的時候，需要加value 單選框 核...

css動畫基礎屬性

這是我收集的動畫基礎屬性，一些可能會出問題的地方也新增了標記，幫助我記憶，也希望幫助有需要的你們 o 人 o background 設定背景 background color 設定背景顏色 background position 設定背景定位 background size 設定背景大小 borde...

css屬性之幀動畫屬性（animation）

在介紹animation屬性之前，先來認識一下 keyframes規則。通過 keyframes規則可以建立動畫，建立動畫是逐步改變乙個css樣式到另乙個css樣式來實現的，css樣式可以設定多個來實現動畫過程，指定動畫變化時用 或者用關鍵字從 from 到 to 這是和 0 開始到 100 結束相...