這是一個(gè)關(guān)于input框的動(dòng)畫(huà)
咳，大家下午好，歡迎來(lái)到濟(jì)南文匯建站官網(wǎng)。近期兩天有雨，出門(mén)不要忘記帶雨傘~今天分享一個(gè)input框的小動(dòng)畫(huà)首先先分析一下當(dāng)點(diǎn)擊input的時(shí)候，文字向上移動(dòng)。input框下面出現(xiàn)一個(gè)勻速滑動(dòng)的線條，線條可以用一個(gè)i標(biāo)簽來(lái)寫(xiě)。偽元素來(lái)寫(xiě)也可以，具體用哪個(gè)，看心情。先把結(jié)構(gòu)寫(xiě)好一個(gè)input一個(gè)span標(biāo)簽和一個(gè)i標(biāo)簽然后編寫(xiě)css美化一下頁(yè)面記得i標(biāo)簽寬度要設(shè)置0像素喲然后編寫(xiě)一個(gè)jq當(dāng)點(diǎn)擊的時(shí)候...
2019-06-24
