css3旋轉、過渡、動畫屬性


1、transform

該屬性對元素進行旋轉、縮放、移動和傾斜

translate元素從當前位置移動

rotate元素順時針旋轉

scale元素的尺寸增大或減小

skew元素翻轉

2、transition

元素從一種樣式逐漸變為另一種,該屬性一般加載鼠標懸浮時的效果,鼠標移出時會逐漸變為原來的樣式

第一個參數transition-property表示css屬性的名稱

第二個參數transition-duration表示過渡效果需要的時間

第三個參數transition-timing-function表示效果的速度曲線

第四個參數transition-delay表示過渡效果開始的時間

它時animation的簡化版本,只能設置兩幀即開始和結尾

3、animation

創建動畫效果,從一個狀態變為另一個狀態,只有css屬性值為數字值時才可以創建動畫效果

animation(styles,option)

styles:表示產生動畫效果的css樣式,css樣式要使用駝峰式(如font-size要用fontSize),option表示動畫的額外效果

option包含的值

speed:動畫的值

easing:


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM