LABLAB
Try these with your pointer or your fingers — no coding needed用滑鼠或手指試試看,不需要寫程式
Paint with particles畫一張粒子背景
Move your pointer or drag to gather and scatter particles, then save your picture移動滑鼠或拖曳,讓粒子聚攏、散開,再把畫面存成圖片
Save a PNG image可下載 PNG 圖片
Try it進去玩Shape something new讓形狀變個樣
Try a new outline, pick a color and play the transformation between two shapes換個輪廓、挑個顏色,按下播放看看兩個形狀如何變換
Save a static SVG可下載靜態 SVG
Try it進去玩Spin a 3D gallery滑動立體畫廊
Drag the cards left or right and try flat, deep and tilted views左右拖動卡片,試試平面、立體與傾斜三種視角
Use your pointer, touch or arrow keys滑鼠、手指與方向鍵都能玩
Try it進去玩Make it bounce讓方塊彈一下
Pick a motion and see the same block slide, grow and fade in選一種動作,看看同一個方塊如何滑動、放大與淡入
Copy animation CSS in advanced settings進階設定可複製動畫 CSS
Try it進去玩Build a layout拼出你的版面
Pick a layout, move the blocks and switch to a phone-sized preview選個版型、拖動區塊,再切到手機看看畫面怎麼排
Export HTML and CSS in advanced settings進階設定可匯出 HTML 與 CSS
Try it進去玩