iT邦幫忙

Eva Chen
iT邦新手 2 級 ‧ 點數 906
SHIN YI LIANChief Designer
10946
累計瀏覽數
站內簡訊 追蹤

鐵人檔案

2024 iThome 鐵人賽
回列表
Modern Web

Super Easy CSS，極度簡單 PART 2！寫出漂亮的 CSS 系列

本系列文章目標延續去年的目標：學習 CSS 基本知識，並且研究 CSS 中酷炫又令人期待新屬性，讓想要學習 CSS 的人也能一起學到新知識，不用再零零散散地去爬文搜尋。此外，還會提及一些前端基本知識、版本控制、開發經驗等必要概念，讓新手對於前端開發有全面的認識。

鐵人鍊成 ｜ 共 30 篇文章 ｜ 5 人訂閱 訂閱系列文 RSS系列文
0 Like 0 留言 87 瀏覽
DAY 1

#00 文章目錄 / 參賽前言 | Super Easy CSS - Part 2

參賽前言 去年的鐵人賽雖然成功完賽了（Super Easy CSS，極度簡單），但是整個系列卻沒有完整，原來要讓人學會 CSS，30 天是不夠的呀！因為沒有預...

2024-09-15 ‧ 由 Eva Chen 分享
0 Like 0 留言 266 瀏覽
DAY 2

#36 HTML <video> 用影片當背景，使用 iframe 嵌入 Youtube自動播放/ IG/ TikTok/ X (Twitter) 影片

本篇同步發表於我的 Hashnode 部落格：Eva Chen | 網頁設計師下班後 (hashnode.dev) ↓ 今日學習重點 ↓ 使用 H...

2024-09-16 ‧ 由 Eva Chen 分享
0 Like 0 留言 168 瀏覽
DAY 3

#37 CSS 基本漸層：線性/放射/圓錐漸層 (CSS linear-gradient, radial-gradient, conic-gradient)

本篇同步發表於我的 Hashnode 部落格：Eva Chen | 網頁設計師下班後 (hashnode.dev) ↓ 今日學習重點 ↓ 學會使用...

2024-09-17 ‧ 由 Eva Chen 分享
0 Like 0 留言 114 瀏覽
DAY 4

#38 CSS background 組合技：多重背景、背景位置、簡易視差滾動 (iOS 不支援)

本篇同步發表於我的 Hashnode 部落格：Eva Chen | 網頁設計師下班後 (hashnode.dev) ↓ 今日學習重點 ↓ 學會 C...

2024-09-18 ‧ 由 Eva Chen 分享
1 Like 0 留言 96 瀏覽
DAY 5

#39 CSS 幾何背景：條紋、格子、點點、棋盤格子背景 (CSS background)

本篇同步發表於我的 Hashnode 部落格：Eva Chen | 網頁設計師下班後 (hashnode.dev) ↓ 今日學習重點 ↓ 學會繪製...

2024-09-19 ‧ 由 Eva Chen 分享
0 Like 0 留言 134 瀏覽
DAY 6

#40 使用 CSS filter blur 製作簡易的任意形狀漸層 (流動/暈染背景)

本篇同步發表於我的 Hashnode 部落格：Eva Chen | 網頁設計師下班後 (hashnode.dev) ↓ 今日學習重點 ↓ 學習 C...

2024-09-20 ‧ 由 Eva Chen 分享
0 Like 0 留言 105 瀏覽
DAY 7

#41 用 CSS border-radius 畫圓角與圓圓的形狀：圓、圓柱、橢圓、蛋型、鐘型、葉子 (眼睛)、花瓣 (水滴/心形)、牛角 (彎月)

本篇同步發表於我的 Hashnode 部落格：Eva Chen | 網頁設計師下班後 (hashnode.dev) ↓ 今日學習重點 ↓ 學會 b...

2024-09-21 ‧ 由 Eva Chen 分享
0 Like 0 留言 56 瀏覽
DAY 8

#42 用 CSS border 繪製三角形箭頭 (等腰/直角三角形)

本篇同步發表於我的 Hashnode 部落格：Eva Chen | 網頁設計師下班後 (hashnode.dev) ↓ 今日學習重點 ↓ 學會用 b...

2024-09-22 ‧ 由 Eva Chen 分享
0 Like 0 留言 77 瀏覽
DAY 9

#43 用 CSS clip-path 剪裁各種形狀的色塊/圖片/影片

本篇同步發表於我的 Hashnode 部落格：Eva Chen | 網頁設計師下班後 (hashnode.dev) ↓ 今日學習重點 ↓ 學會使用...

2024-09-23 ‧ 由 Eva Chen 分享
0 Like 0 留言 70 瀏覽
DAY 10

#44 CSS 邊框 border 與各種花式邊框的小技巧：borde-image、outline、box-shadow

本篇同步發表於我的 Hashnode 部落格：Eva Chen | 網頁設計師下班後 (hashnode.dev) ↓ 今日學習重點 ↓ 學會 C...

2024-09-24 ‧ 由 Eva Chen 分享
Eva Chen的鐵人檔案
Eva Chen的收藏
Eva Chen的追蹤
Eva Chen的Like
Eva Chen的紀錄
Eva Chen的訂閱列表