學習前端web之css第六天

2021-09-25 23:50:24 字數 538 閱讀 5212

@keyframes 動畫名稱

to}

@keyframes 動畫名稱

20%...

100%

}

animation-delay 動畫延遲時間

animation-direction 動畫運動方向

animation-fill-mode 動畫結束後保留哪個樣式

paused 暫停

速寫:animation: 4s linear 0s infinite alternate move_eye

封裝了css3的通用的動畫樣式,專業

1. 引入動畫庫

2. 為元素新增class

前端學習 第六天

第六天知識總結 一 浮動補充 新增浮動的元素不佔據空間 脫離文件流 只要子元素有浮動,父元素必須新增高度 二 頁面補充 a 設計圖 版式寬度 1920 1680 網頁的版心 960 1200 結構規劃 b id名稱 網頁外圍結構 pc端 版心寬度不能用百分比 c 怎樣讓版心左右居中?給要做居中的版心...

前端學習第六天

將transform屬性的值設定為rotate 即可實現旋轉變形,角度為正,則順時針方向旋轉,否則逆時針方向旋轉 旋轉45度 transform rotate 45deg transform origin屬性可以設定自己的自定義變換原點 以左上角為中心原點進行旋轉 transform origin ...

前端第六天

js屬於編寫執行在瀏覽器上的指令碼語言 採用ecmascript語法,來操作bom及dom 操作bom 瀏覽器物件模型 操作dom 文件物件模型 如 使用瀏覽器的歷史記錄,使用瀏覽器的彈出框,修改頁面內容,修改頁面樣式,響應使用者互動事件等 js引入 1.行間式 存在於行間事件中 文字內容 2.內聯...