react-動畫的選擇

單元素的動畫

1 .傳入animation對象這個參數(shù)瞄桨,作為動畫的開始參數(shù)

animation屬性

1 .所有和動畫有關(guān)的樣式都可以操作

動畫基本參數(shù)術(shù)語說明

1 .width:100 從當(dāng)前元素的大小變化為100px
2 .maxWidth:100 元素當(dāng)前最大寬度到100px
3 .minWidth:100 元素當(dāng)前最小寬度到100px
4 .maxHeight,height
5 .opacity:0 元素當(dāng)前透明度到0
6 .top: 元素當(dāng)前頂部距離到100px,需要配合position:relative|absolute
7 .marginTop:100 元素當(dāng)前頂部外邊距到100px
8 .color:#fff 元素當(dāng)前文字顏色到白色
9 .backgroundColor:#fff 元素當(dāng)前背景顏色到白色
10 .borderWidth:5 元素當(dāng)前邊框?qū)挾鹊?px
11 .borderColor:#fff 元素當(dāng)前邊框顏色變成白色
12 .boxShadow: 元素當(dāng)前陰影變?yōu)檫@樣
13 .borderRadius:5 當(dāng)前元素圓角變?yōu)?px,可以左右上下使用
14 .textShadow: 當(dāng)前文字影音變?yōu)檫@個樣子
15 .##一些transform的變化規(guī)則
16 .x:10 :x的位置移動10px.注意這是最簡單的寫法
17 .y:10 :y的位置上移動10px.
18 .z:10 :z的位置上移動10px.
19 .rotate:10 以transformOrigin的中心點旋轉(zhuǎn)10deg
20 .rotateX:10 以中心點向x方向旋轉(zhuǎn)
21 .rotateY:10
22 .scale:
23 .scaleX
24 .scaleY
25 .transformOrigin:'50px 50px'元素當(dāng)前中心點到50px 50px
26 .還有一些和filter有關(guān)的參數(shù)
27 .blur:'20px' 模糊到20px

以上是animate的變化參數(shù)芯侥,還有一些是屬性參數(shù),可以定義動畫的屬性

1 .type:動畫播放的方向
2 .duration:動畫持續(xù)的時間

幀動畫

1 .animate傳入一個數(shù)組廓俭,每一個數(shù)組代表一個幀唉工。
2 .為什么官方的例子里面一開始的值沒有放在state里面,而是直接放在了全局里面淋硝,那這樣怎么修改動畫的狀態(tài)啊。
3 .這個改變動畫的方法有點奇怪谣膳,還是把所有的幀都放在一個數(shù)組里面,然后每一次拿出其中的一項變成這個animation的參數(shù)仰楚,傳到里面犬庇,實時渲染,下一次重復(fù)這個動作臭挽,這個傳是檢測不到兩個前后數(shù)據(jù)的不一樣的地方,僅僅做的是每次粗暴的替換全體葬荷。
4 .

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末纽帖,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子扒吁,更是在濱河造成了極大的恐慌室囊,老刑警劉巖,帶你破解...
    沈念sama閱讀 222,729評論 6 517
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件盼铁,死亡現(xiàn)場離奇詭異尝偎,居然都是意外死亡鹏控,警方通過查閱死者的電腦和手機肤寝,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,226評論 3 399
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來瀑构,“玉大人刨摩,你說我怎么就攤上這事≡枭玻” “怎么了?”我有些...
    開封第一講書人閱讀 169,461評論 0 362
  • 文/不壞的土叔 我叫張陵陆赋,是天一觀的道長嚷闭。 經(jīng)常有香客問我,道長胞锰,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 60,135評論 1 300
  • 正文 為了忘掉前任顺饮,我火速辦了婚禮凌那,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘赦肋。我一直安慰自己嘲碱,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 69,130評論 6 398
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著琅绅,像睡著了一般。 火紅的嫁衣襯著肌膚如雪料祠。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,736評論 1 312
  • 那天敛苇,我揣著相機與錄音顺呕,去河邊找鬼。 笑死株茶,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的蹦掐。 我是一名探鬼主播僵闯,決...
    沈念sama閱讀 41,179評論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼颗味!你這毒婦竟也來了牺弹?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 40,124評論 0 277
  • 序言:老撾萬榮一對情侶失蹤晶默,失蹤者是張志新(化名)和其女友劉穎航攒,沒想到半個月后磺陡,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體漠畜,經(jīng)...
    沈念sama閱讀 46,657評論 1 320
  • 正文 獨居荒郊野嶺守林人離奇死亡憔狞,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,723評論 3 342
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了拍冠。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,872評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡射众,死狀恐怖晃财,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情断盛,我是刑警寧澤,帶...
    沈念sama閱讀 36,533評論 5 351
  • 正文 年R本政府宣布栖博,位于F島的核電站厢洞,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏躺翻。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 42,213評論 3 336
  • 文/蒙蒙 一踊淳、第九天 我趴在偏房一處隱蔽的房頂上張望陕靠。 院中可真熱鬧,春花似錦剪芥、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,700評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至净捅,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間神汹,已是汗流浹背古今。 一陣腳步聲響...
    開封第一講書人閱讀 33,819評論 1 274
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留氓拼,地道東北人。 一個月前我還...
    沈念sama閱讀 49,304評論 3 379
  • 正文 我出身青樓桃漾,卻偏偏與公主長得像拟逮,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子恋追,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,876評論 2 361

推薦閱讀更多精彩內(nèi)容

  • 選擇qi:是表達(dá)式 標(biāo)簽選擇器 類選擇器 屬性選擇器 繼承屬性: color苦囱,font,text-align撕彤,li...
    love2013閱讀 2,317評論 0 11
  • 選擇qi:是表達(dá)式 標(biāo)簽選擇器 類選擇器 屬性選擇器 繼承屬性: color猛拴,font,text-align愉昆,li...
    wzhiq896閱讀 1,762評論 0 2
  • 1撼唾、屬性選擇器:id選擇器 # 通過id 來選擇類名選擇器 . 通過類名來選擇屬性選擇器 ...
    Yuann閱讀 1,640評論 0 7
  • 在iOS中隨處都可以看到絢麗的動畫效果,實現(xiàn)這些動畫的過程并不復(fù)雜蛛蒙,今天將帶大家一窺iOS動畫全貌渤愁。在這里你可以看...
    F麥子閱讀 5,118評論 5 13
  • 01 那個被你的執(zhí)著感動的人,其實他并不愛你坪哄。 我:“啊~” 我感覺腦地被地球撞了一下。 隨后他穿著櫻木花道的籃球...
    青年周閱讀 860評論 0 1