---
title: "Discussion on \"CSS3 (圓弧、漸層、陰影效果)\" | Hashnode"
description: "Discussion on \"CSS3 (圓弧、漸層、陰影效果)\". CSS3 (圓弧、漸層、陰影效果)\ntags: CSS\n\n圓弧效果 (border radius)\n圓形：border radius:50% \n 不規則形：border radius:50px 0 0 50px \n  codepen 預覽圖\n\n\n\n\n漸層效果 (linear-gradient)\nlinear-gradient:(顏色,顏色)\nlinear-gradient:(方向,顏色,顏色)\nlinear-gradient:(角度(deg),顏色,顏色)\n codepen 預覽圖\n\n\n陰影效果..."
url: "https://hashnode.com/posts/css3/6335a0b0fa20fa4bc8e53ab1"
---

[Feed](https://hashnode.com/feed) /

Discussion

[Michael Luo](https://hashnode.com/@Michael0520)

Nov 21, 2020

# [CSS3 (圓弧、漸層、陰影效果)](https://michael0520-blog.hashnode.dev/css3?utm_source=hashnode&utm_medium=feed)

CSS3 (圓弧、漸層、陰影效果) tags: CSS 圓弧效果 (border radius) 圓形：border radius:50% 不規則形：border radius:50px 0 0 50px codepen 預覽圖 漸層效果 (linear-gradient) linear-gradient:(顏色,顏色) linear-gradient:(方向,顏色,顏色) linear-gradient:(角度(deg),顏色,顏色) codepen 預覽圖 陰影效果...

michael0520-blog.hashnode.dev 1 min read

## Responses

Markdown supported · ⌘↵ to post

No responses yet.