
本文轉(zhuǎn)自:純css實(shí)現(xiàn)117個(gè)Loading效果(上)[https://juejin.cn/post/7037036742985121800] ...
效果展示 思路分析 層級思路 從展示的效果可以猜到這個(gè)效果由3層文字組成确憨。 表面一層黑色文字 中間一層白色文字 最低的一層是斑馬條紋文字 要實(shí)現(xiàn)...
和 標(biāo)簽相關(guān)的偽類有很多休弃,但最常見(也是初學(xué)者最先接觸到)的有以下4個(gè)吞歼。 :link :visited :hover :active 它們的大概...
利用偽元素實(shí)現(xiàn)篙骡,并設(shè)置 position:fixed;
利用偽元素( ::before 和 ::after )制作丈甸,這樣可以不影響主元素,也不用依賴其他html元素睦擂。 利用border的特性制作角標(biāo)得湘。...
用文本陰影和字體透明顏色可以做出毛玻璃的效果顿仇。
問:CSS對大小寫敏感嗎夺欲?(CSS區(qū)分大小寫嗎跪帝?) 這個(gè)問題并不是那么好回答。 有部分書上說CSS不區(qū)分大小寫些阅,但這種說法其實(shí)并不那么嚴(yán)謹(jǐn)伞剑。因?yàn)?..
使用CSS也能給后臺提交信息黎泣。 這個(gè)方法算是很取巧的,有點(diǎn)像向后臺請求一個(gè)圖片url缤谎,每請求一次抒倚,后臺就累計(jì)一次。 這里所要用到的是CSS偽類 ...
元素可分為替換元素和非替換元素托呕。 替換元素 是指瀏覽器根據(jù)元素的標(biāo)簽和屬性來決定元素的具體內(nèi)容频敛。例如 ,瀏覽器會根據(jù)標(biāo)簽的src屬性的值來讀取圖...