html5.png
HTML 5 的小動畫效果
gif 錄制可能有一些失幀卓嫂，不過還是放出來看一下吧榔昔。
html.gif
這個效果做起來挺簡單的艳狐。這里用到了幾個小動畫 定硝。
1.寶劍從上面垂直插下來。（思路：先設(shè)定寶劍元素在屏幕上方毫目，即修改y的值蔬啡，也可以通過修改margin-top來實現(xiàn)）
2.“”尋“”字掉下來并且旋轉(zhuǎn)诲侮。（思路：修改旋轉(zhuǎn)角度和y或margin-top）
3.標(biāo)題變大再縮小（思路：CSS3 中的 transform:scale）
4.打字效果（思路：通過setTimeout 不斷調(diào)用修改 字符串 下標(biāo)箱蟆，并且輸出 沟绪。網(wǎng)上有個有個不錯的jQuery插件Typed.js，效果也很贊）空猜；
5.素材由千庫網(wǎng)提供绽慈。
