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

CSS3里面的線性漸變lineargradient 1語法 2參數(shù) 第一個(gè)參數(shù)指定漸變方向，可以用“角度”的關(guān)鍵詞或“英文”來表示第一個(gè)參數(shù)省略時(shí)，默認(rèn)為“180deg”，等同于“to bottom”第二個(gè)和第三個(gè)參數(shù)，表示顏色的。

可以使用 backgroundimage 屬性并指定 lineargradient 函數(shù)比如想為文本添加從紅色到藍(lán)色的漸變色text backgroundimage lineargradientto right， red， bluewebkitbackgroundclip textwebkittextfill。

1HTML實(shí)現(xiàn)漸變 lt！DOCTYPE html week width 600pxheight 600pxbackground lineargradientred， yellow， blueborderradius 300px 2實(shí)現(xiàn)效果。