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

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

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