前兩篇博客講了一些 CSS 形狀的基礎(chǔ)知識(shí),如果結(jié)合 CSS3 動(dòng)畫(huà)還能做出各種加載動(dòng)畫(huà)來(lái),比起用 gif 動(dòng)畫(huà)更優(yōu)雅更節(jié)省資源性能也更好。 先來(lái)一個(gè)比較簡(jiǎn)單的: 這個(gè)比較簡(jiǎn)...
IP屬地:上海
前兩篇博客講了一些 CSS 形狀的基礎(chǔ)知識(shí),如果結(jié)合 CSS3 動(dòng)畫(huà)還能做出各種加載動(dòng)畫(huà)來(lái),比起用 gif 動(dòng)畫(huà)更優(yōu)雅更節(jié)省資源性能也更好。 先來(lái)一個(gè)比較簡(jiǎn)單的: 這個(gè)比較簡(jiǎn)...
上次講了一些基本的 CSS 形狀,實(shí)際的網(wǎng)頁(yè)當(dāng)中當(dāng)然不只是這些普通的三角形,還有很多復(fù)雜一點(diǎn)的圖形,比如搜索框中的放大鏡等等,這時(shí)為了不添加額外元素就要用到偽元素 ::bef...
第一次看到 CSS 形狀是在 N 年前的谷歌首頁(yè)頂部產(chǎn)品導(dǎo)航欄里面有一個(gè)向下的三角圖標(biāo),一開(kāi)始以為是一個(gè)小的圖片,后來(lái)一想按照谷歌的作風(fēng)頁(yè)面肯定是越簡(jiǎn)潔越好,在首頁(yè)只可能放一...