那個文字 動畫是怎么觸發的
那個文字 動畫是怎么觸發的
Mr君
2016-08-31
2 回答
舉報
0/150
提交
取消
那個文字 動畫是怎么觸發的
2016-08-31
舉報
2016-11-20
謝謝喲
2016-09-06
先將文字安排好初始樣式（初始位置），再添加個結束樣式（最終位置），再統一用css3的transition觸發，
我這里寫了個小例子，只需要對class名進行更改就可以出現動畫效果
<!DOCTYPE?html> <html> <head> ????<meta?charset="utf-8"> ????<style> ????????.div?.a{margin-top:15px} ????????.div?.b{margin-top:40px} ????????.div?.a, ????????.div?.b{transition:all?.8s} ????????.div-end?.a, ????????.div-end?.b{margin-top:0px;transition:all?.8s} ????</style> </head> <body> <div?class="div">?????//這里只需要改成div-end就會出現動畫效果 <div?class="a">HELLO</div> <div?class="b">HERE</div> </div> </body> </html>