CSS動畫

1.2D、3D的轉換:

一、通過CSS3咋U你還,我們能夠對元素進行移動、縮放、轉動、拉長、或拉伸。轉換是使元素改變形狀、尺寸和位置的一種效果。可以使用2D、3D來轉換元素。

二、2D轉換方法:

translate()

rotate(),

scale()

skew()

matrix()

三、3D轉換方法:

rotateX()

rotateY()

2.過度:

一、通過使用CSS3,可以給元素添加一些效果。

二、CSS3過度是元素從一種樣式轉換成另一種樣式

動畫效果 的CSS

動畫執行的時間

三、屬性

transition: 設置四個過度屬性(簡寫:包含下面4個屬性 )

transition-property: 過度的名稱

transition-duration: 過度效果話費的時間

transition-timing-function: 過度效果的時間曲線

transition-delay: 過度效果開始時間

3.動畫:

通過CSS3,可以進行創建動畫

CSS3的動畫需要遵循@keyframes規則

規定動畫的時長

規定動畫的名稱

4.多列:

在CSS3中,可以創建多列來對文本或者區域進行佈局

屬性:

column-count

column-gap

column-rule 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章