相關文章

• 用一個div畫出關閉圖標

  摘要：今天實現一個用一個來實現關閉按鈕圖標，其中主要用到的技巧偽元素的同時讓該圖標居中，此次是用了彈性布局。樣式如下主要用到利用的偽元素和的轉換角度效果圖 今天實現一個 用一個div來實現關閉按鈕圖標，其中主要用到的技巧：css3偽元素:before,:after,css3的transform:rotate(),同時讓該圖標居中，此次是用了flex彈性布局。css樣式如下： html,bod...

  lastSeries 2019-08-20 15:35 評論0 收藏0

• 使用CSS畫個圖標

  摘要：具體樣式如下繪制圖標三當我們能深入理解一些屬性的時候，實現一些復雜的圖標完全不是難事無非就是將簡單的圖形組合起來。 CSS繪制圖標（一） 我們使用單個標簽繪制一個文件的圖標。HTML內容很簡單，就一句話。 右上角折疊三角采用after偽元素實現，左下角文字使用before偽元素實現。主體部分當然還是div#doc。 具體CSS樣式如下： #doc { position: ...

  沈建明 2019-08-29 15:26 評論0 收藏0

• FE.WX-小程序“無聊廣場”游戲前端性能優(yōu)化與踩坑攻略

  摘要：本文主要針對小程序無聊廣場的前端開發(fā)內容做總結，記錄常見的一些老生常談的進階手法，對小程序中的動畫音頻等踩坑做出解決方案。 背景 一個交互不復雜，對刷新頻率和動畫效果要求不高的小游戲，不需要使用canvas主導的解決方案，使用dom操作一樣可以完成。節(jié)省了cocos creater的學習成本，值得一試。本文主要針對小程序無聊廣場的前端開發(fā)內容做總結，記錄常見的一些老生常談的進階手法，對...

  qpal 2019-08-22 18:26 評論0 收藏0