css動畫專題 day1筆記

2021-09-26 09:12:52 字數 1070 閱讀 8498

css3 transition 使用

css3 animation 使用

css3 transform 使用

貝塞爾曲線運動

transtion 針對為渲染元素的問題

transitionend 事件

transtion

:2s 2s all linear;

transtion

:2s 2s all cubic-bezier

(***)

;box.addeventlistener

('transitionend',fn)

animation-delay 動畫開始前的延遲時間

animation-iteration-count 動畫執行次數 number | infinite 無限次

animation-direction 偶數次反向執行動畫 alternate 倒序執行 normal 順序執行

animation-fill-mode

animation-fill-mode

: backwards;

/* backwards 動畫開始前,元素的樣式保留在動畫幀0

forwards 動畫結束後,元素的樣式保留在動畫幀0

both = backwards + forwards

*/

animation-play-state

: paused;

css3 transform 詳解

-transform 2d

- 旋** rotate()

- 縮放: scale() scalex() scaley()

- 傾斜: skew() skewx() skewy()

- 平移: translate() translatex() translatey()

- transform 多函式書寫時的執行順序

- transform-origin 源點設定

- translate 和 源點關係

mysql操作day1筆記

資料庫操作 進入資料庫 mysql uroot p quit exit退出登入 檢視版本 select version 建立資料庫 create database 資料庫名 charset utf8 create database runoob 切換資料庫 use 資料庫名 檢視當前選擇的資料庫 s...

day1筆記 學習了html基礎

把整個瀏覽器當做乙個文件 文字瀏覽器型別ie核心 chorme核心 firefox 雙核 ie和chorme核心 html,css,js html 負責結構 毛坯房 css 負責美 精裝修 js 負責動 互動 智慧型家具 html 超文字 一種描述性的標記語言 所記既所得 htm或html作為字尾 ...

20171030 資料庫程式設計 day1筆記

1.關係型資料庫建模構件塊 資料是以行和列形式儲存 這一次列的行和列稱為表 關係 表中每一行表示一條記錄 元組 表中每一列表示記錄的乙個屬性 一組表組成了資料庫 表與表之間的邏輯關聯叫關係 關聯式資料庫中的核心內容是關係即二維表 關係集合操作 選擇 從表裡抽取出滿足給定限制條件的行 投影 從表裡面抽...