@keyframes 動畫名稱
to}
@keyframes 動畫名稱
20%...
100%
}
animation-name:動畫名稱;animation-duration: 動畫持續時間animation-delay: 動畫的延遲animation-direction 動畫運動方向animation-fill-mode: 動畫結束後保留哪個樣式animation-iteration-count: 動畫執行的次數animation-timing-function: 動畫執行的時間曲線running / paused
animation: 速寫形式封裝了css3的通用的動畫樣式，專業性強
推薦引入動畫庫
為元素新增class
外嵌css**部分：
html
body,ul,ol,p,h1,h2,h3
ul,ol
a
lang
="en"
>
>
charset
="utf-8"
>
>
內呼吸燈title
>
>
div/*容器*/
.container
/*正方形*/
.container > .box
/*外圓*/
.container > .box > .outer
/*內圓*/
.container > .box > .outer > .inner
/*動畫定義*/
@keyframes x
50%100%
}@keyframes y
50%75%
100%
}style
>
head
>
>
class
="container"
>
class
="box"
>
class
="outer"
>
class
="inner"
>
div>
div>
div>
div>
body
>
html
>
二、夢幻西遊
lang
="en"
>
>
charset
="utf-8"
>
>
夢幻西遊title
>
rel=
"stylesheet"
href
="../common.css"
>
>
.content
.content > ul
.content > ul::after
.content > ul >li
.content > ul >li:last-child
.content > ul >li > div
.content > ul >li > div > img
/*1. 定義動畫*/
@keyframes dongto}
html,body,.main
.main
.main > .bg
@keyframes bgto}
style
>
head
>
>
class
="main"
>
class
="bg"
>
div>
class
="content"
>
>
>
>
src=
"./images/wk.png"
alt="
">
div>
li>
>
>
src=
"./images/bj.png"
alt="
">
div>
li>
>
>
src=
"./images/ts.png"
alt="
">
div>
li>
>
>
src=
"./images/ss.png"
alt="
">
div>
li>
ul>
div>
div>
body
>
html
>
C 學習筆記 day05
1 變數的儲存 1 記憶體是一塊空間，把其中的每個位元組做了編號，為了以後計算機能通過編號找到資料 2 編址方式 絕對編址 在整個程式中使用 相對編址 位元組相對於邏輯0偏移量，在程序中使用 4 儲存位址 指標 儲存變數的位址 指標的型別由將要儲存的位址的變數型別決定 int 只能儲存int變數的位...
Python學習筆記day05
高階函式 課後練習 不可變的資料型別一定可雜湊 hash 內建函式可以判斷某個型別是否可雜湊 s1 s2 s3 s4 print s1,s2,s3的交集 s1.intersection s2,s3 print s1,s2,s3的交集 s1 s2 s3 print s1,s2,s3的並集 s1.uni...
java學習筆記day05 陣列
陣列 是一種容器，可以同時存放多個資料值。陣列的特點 1.陣列是一種引用資料型別 2.陣列當中的多個資料，型別必須統一 3.陣列的長度在程式執行期間不可改變 陣列的初始化 在記憶體當中常見乙個陣列，並且象其中賦予一些預設值。兩種常見的初始化方式 1.動態初始化 指定長度 2.靜態初始化 指定內容 動...