1 **CSS3動畫**CSS3提供了許多用于創(chuàng)建動畫效果的屬性，如animationtransitiontransform等CSS3動畫可以在不依賴任何插件的情況下創(chuàng)建平滑的動畫效果2 WebGLWebGL是一種3D繪圖協(xié)議，允許開發(fā)者在網(wǎng)頁上創(chuàng)建復(fù)雜。

1制作發(fā)光邊框文本框效果然后我們要讓這個input組件在被成為焦點(diǎn)點(diǎn)擊時向四周發(fā)光，顯示為藍(lán)色，我只需添加一段CSS代碼sdwfocustransitionborder linear 2s，boxshadow linear 5smoztransitionborder linear。

scale縮放這是一個利用CSS3的動畫屬性實(shí)現(xiàn)的結(jié)合lowpoly低多邊形風(fēng)格的效果，主要利用了CSS3 transform屬性的rotate旋轉(zhuǎn)，translate移動，scale縮放，CSS代碼部分非常簡單，唯一有趣的是 nthoftype選擇器的使用，這里UI設(shè)計(jì)。