WEB前端第十七課 CSS動畫

2022-07-03 03:27:10 字數 829 閱讀 6280

1.animation動畫

transition屬性只能簡單模擬動畫效果,而animation屬性可以製作類似flash動畫

通過關鍵幀控制動畫的每一步,使元素從一中樣式變為另一種樣式,實現複雜的動畫效果

2.@keyframes,用於宣告動畫,指定關鍵幀

幀,用於分解動畫動作,每一幀代表某個時間點

書寫格式:

@keyframes name(自定義名稱)

percent | n%

to | 100%

3.animation屬性,用於呼叫及控制由@keyframes定義的動畫

簡寫屬性書寫格式:animation:name  duration  timing-function  delay  iteration-count  direction

animation-name,設定需要呼叫的@keyframes動畫的名稱

animation-delay,設定動畫何時開始(延遲時間)

屬性值:none(無樣式,預設)、forwards(在動畫結束後(由animation-iteration-count決定)應用該屬性值)、

backwards(應用在animation-delay定義期間啟動動畫的第一次迭代的關鍵幀中定義的屬性值)

both(同時遵循forwards和backwards 的規則)

animation-play-state,執行或暫停動畫,屬性值:paused(暫停)、running(執行,預設)

4.輪播圖測試**

5.border繪製三角形、梯形

JAVA第十七課

一 序列化與反序列化 序列化是將物件的狀態寫入特定的流中的過程 反序列化則是從特定的流中獲取資料重新構建物件的過程 二 實現序列化的步奏 1 實現serilizable介面。2 建立物件輸出流 3 呼叫writeobject 方法將物件寫入檔案 4 關閉物件輸出流 三 常見異常 notseriali...

Linux第十七課

一 squid 八爪魚單純的 不加密 埠號為3128 支援http ftp ssl等多種協議的資料快取,可以基於訪問控制列表 acl 和訪問許可權列表 arl 執行內容過濾與許可權管理功能。正向 模式 一般用於企業區域網之中,讓企業使用者統一地通過squid服務訪問網際網路資源,可以在一定程度上減少...

第十七課 C指標(概述)

第十七課 c指標 概述 17.1 什麼是記憶體 通過指標,可以簡化一些 c 程式設計任務的執行,還有一些任務,如 動態記憶體分配 沒有指標是無法執行的。所以,想要成為一名優秀的 c 程式設計師,學習指標是很有必要的。每乙個變數都有乙個記憶體位置,每乙個記憶體位置都定義了可使用連字型大小 運算子訪問的...