學習HTML的第五天

2021-09-26 08:58:13 字數 1332 閱讀 7415

css樣式發生變化時,預設直接變化,沒有過渡的效果

1、transition-property表示哪些樣式可以參與過渡效果 預設為all 所有樣式

2、transition-duration過渡動畫持續的時間

3、transition-timing-function過渡動畫的速率

4、ease先快後慢linear勻速ease-in先慢後快ease-out先快後慢ease-in-out(預設值)先加速後減速開始慢中間快結束慢

5、transition-delay延遲執行過渡效果

6.width , height, color, left, right, border, transform一般情況下,和元素外觀有關的樣式都能過渡,並不是所有的樣式都能參與過渡

7、box-shadow設定元素陰影,橫向偏移量 縱向偏移量 模糊程度(值越大越模糊) 陰影大小 陰影顏色

1、transition過渡效果

2、animation-duration動畫時間

3、animation-name要執行的動畫名稱

4、animation-iteration-count動畫重複的次數 (infinite無限迴圈)

5、animation-timing-function動畫速率

6、animation-direction動畫方向

7、編寫rotate動畫的過程

@keyframes rotate from

to}`

8、animation復合樣式 動畫名稱 持續時間 速率 重複次數…

9.、both讓標籤停留在動畫結束時的位置,預設回到原點 */

animation-fill-mode: both

10、將總共的動畫時間按照百分比進行分配:

@keyframes move

25%50%

75%100%

}

HTML學習第五天

今天學html的實體 背景 布局 html布局的標籤基本被淘汰frameset就被淘汰了,只有iframe依然存活,但是iframe可以被css給代替。下面就是乙個練習的程式 doctype html html lang en head meta charset utf 8 title 表單 tit...

學習第五天

清楚測試用例是什麼 測試用例的重要性 有效性 測試用例是測試人員測試過程中的重要參考依據,準確的測試用例的計畫 執行和跟蹤是 測試的有效性的有力證明 可復用性 設計良好的測試用例可以重複執行,能節約時間,提高測試效率 易組織性 清晰詳細的測試用例能夠便於測試執行的開展 可評估性 測試用例的通過率是檢...

我的html學習 第五天

2016 11 22 此處用div布局 注意 對乙個元素宣告clear both,會將來自元素周圍的的浮動清除,舉乙個簡單的例子就是當先宣告乙個元素向左浮動時,那麼這個元素的右邊就會留出一部分空白,如果這個時候空間可以容下該元素的下乙個元素的大小,那麼由於此元素宣告過浮動向左,那麼下乙個元素就會自動...