在了解了 animation 和 @keyframes 這兩個核心概念後,今天我們就來實際動手操作,將理論化為生動的視覺效果!我們的目標很明確:讓一個紅色的方塊...
「畫面有了,但沒有資料就像蓋房子沒水電。今天我們用 Node.js + Express 建立一個簡單的後端 API,先回傳假資料,讓前端可以抓到資料並顯示。這也...
昨天我們學了 margin collapse 和 block/inline 元素的邊界陷阱,今天我們來討論另一個前端常見的「排版魔法」:文字行距與垂直間距控制。...
學習目標
理解 CSS 的三種引入方式:行內樣式、內部樣式、外部樣式
學會使用選擇器鎖定元素
熟悉顏色的表示法(名稱、HEX、RGB、HSL)
認識文字相關屬...
before/after 效果的後端邏輯
在今天的文章中,我們將專注於實現 Before/After 效果 的後端邏輯。這個功能的核心是接收使用者上傳的圖片與提...
說到在畫面中加入圖片,大家第一個想法都是使用 <img> 標籤,但是在 Next.js 卻另外提供了一個也是用來放上圖片的用法 <Image&...