Html CSS動畫效果個人練習(16)

2021-10-06 05:25:03 字數 2678 閱讀 5259

html源**

>「四月是你的謊言」<

/div>

="item-desc"

>我在盛開的櫻花下遇見你,從此命運不再屬於自己。<

>「言葉之庭」<

/div>

="item-desc"

>每晚臨睡前 每天睜開眼的瞬間 不知不覺 我都在祈盼雨天 祈盼雨天 祈盼和那個人 再次相會<

>「你的名字」<

/div>

="item-desc"

>黃昏,不是白晝亦不是夜晚,是我努力卻看不清你的臉。<

>「天氣之子」<

/div>

="item-desc"

>天氣真的是很不可思議,光只是天空的模樣就讓人感動不已。<

>重要的,珍惜的,一直在身邊,一旦成為理所當然,就難以發現<

>我也很沒用,但是兩個人一起的話,就會變得很堅強。<

/div>

<

/div>

<

/section>

<

/main>

<

/body>

<

/html>css源**

body

.main

.list-item

.list-item:hover .item-image:

:before

.item-image

.item-image:

:before

.item-image img

.item-text

.item-title

.item-desc

HTML CSS動畫效果

1 transition property 設定過渡的屬性,比如 width height background color 2 transition duration 設定過渡的時間,比如 1s 500ms 3 transition timing function 設定過渡的運動方式,常用有 li...

js動畫效果練習(1)

style body,div,span div1 share style div id div1 span id share 分享 span div 1.速度動畫 script window.onload function odiv.onmouseout function vartimer null...

HTML CSS動畫波紋效果和奔跑的大熊

動畫 animation 是css3中具有顛覆性的特徵之一,可通過設定多個節點來控制乙個或一組動畫。常用來實現複雜的動畫效果。定義動畫 使用 keyframes定義動畫 語法 keyframes 動畫名稱 100 動畫序列使用動畫 div動畫的屬性屬性 描述 keyframes 定義動畫 anima...