先上效果 注意事項 由于是用的純css瓮钥，所以為了實現(xiàn)很多雨點，我們就需要創(chuàng)建很多個 span/div（ 數(shù)量適量多即可）然后,我們還需要用CSS...
投稿
收錄了19篇文章 · 2人關(guān)注
-
css流星雨特效
-
顏色透明度16進制對照表
100% — FF99% — FC98% — FA97% — F796% — F595% — F294% — F093% — ED92% — E...
-
顏色不透明度計算
100% — FF99% — FC98% — FA97% — F796% — F595% — F294% — F093% — ED92% — E...
-
談談我的移動端rem適配方案
最近有點懷疑人生谦铃，畢竟一個人寫前端鞍帝，有時候會懷疑自己理解的一些東西包括用法有沒有符合標準。趁著這陣子閑下來，翻了翻別人的rem適配博客，發(fā)現(xiàn)有點...
-
如何做到 rem適配移動端設備https://www.cnblogs.com/annie211/p/8118857.html[https://www.cnblogs.com/...
-
REMEqual to the computed value of "font-size" on the root element rem是CSS3新...
-
localStorage、sessionStorage 和 Cookie 區(qū)別及用法
區(qū)別 localStorage: localStorage 的生命周期是永久的统诺，關(guān)閉頁面或瀏覽器之后 localStorage 中的數(shù)據(jù)也不會消...
-
移動端最新h5 vw 適配歪脏，基于webpack 打包多頁面html demo，開箱即用粮呢。騷年婿失，放飛自我吧！放心使用 vw 來做適配～ 移動端h5 vw 適配啄寡，基于webpack4 打包多頁面html demo豪硅、支持es6，開箱即用挺物。...
-
圖片懶加載的幾種方法
在一些圖片比較多的網(wǎng)站會用到 圖片懶加載 技術(shù)懒浮，這項技術(shù)可以延遲加載圖像，只當圖片出現(xiàn)在我們看到的視圖中才加載识藤，它的好處是大大提高用戶體驗砚著，節(jié)省...
-
轉(zhuǎn):github上的學習材料一：前端涉及的所有知識體系
github項目地址： https://github.com/nicejade/Front-end-tutorial轉(zhuǎn)載自： http://bl...
{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1881139527',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','https://upload.jianshu.io/collections/images/612941/crop1518139546388.jpg', '推薦專題《Html》（ 分享自 @簡書 ）','http://www.reibang.com/c/abcaa0a7dad0?utm_campaign=maleskine&utm_content=collection&utm_medium=reader_share&utm_source=weibo','頁面編碼gb2312|utf-8默認gb2312'));){kind=link}