Codepen 每日精選（2018-3-24）

時間 2019-12-06

標籤 codepen 每日精選简体版

原文原文鏈接

按下右側的「點擊預覽」按鈕能夠在當前頁面預覽，點擊連接能夠打開原始頁面。css

純 css 畫的抽象小鳥
https://codepen.io/gregoryb/f...canvas

純 css 製做的左側彈出菜單
https://codepen.io/plavookac/...svg

仿製 gmail 的頁面佈局
https://codepen.io/ispykenny/...佈局

多邊形碰撞檢測，孤立的多邊形是綠色，多邊形容器相交變成藍色，多邊形自己相交變成紅色。
https://codepen.io/osublake/f...code

幻燈片切換效果，當點擊縮略圖時，縮略圖會在設定好的路徑上流動
https://codepen.io/lmgonzalve...ip

鼠標點擊或按住鼠標拖拽時，屏幕上會出現幾何形狀，而後形狀下落到屏幕底部消失。
https://codepen.io/zachhandin...get

百科機器人，經過調用 wikipedia API，能夠查詢詞條，也能夠隨機顯示詞條。
https://codepen.io/Becca941/f...頁面佈局

純 css 畫的鬍子和眼睛能夠動小老鼠
https://codepen.io/josbert/fu...容器

用 canvas 畫的城市夜晚的高樓和夜空
https://codepen.io/fdsea/full...

在頁面滾動時，用 svg 畫出不一樣的動物
https://codepen.io/AliKlein/f...

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。