---
title: "Discussion on \"#57 CSS @property：變數的再進化！輕易製作純 CSS 漸層動畫、圓餅圖動畫\" | Hashnode"
description: "Discussion on \"#57 CSS @property：變數的再進化！輕易製作純 CSS 漸層動畫、圓餅圖動畫\". ⚠️ 本篇文章已搬遷至 css.im1010ioio.dev，請至新站閱讀完整版。\n\n\nCSS 除了變數外，還可以額外新增自訂屬性—— @property，現已全面支援了！\n@property 規則是 API 的 CSS Houdini 系列的一部分：\n\n「Houdini」這個詞源自美國著名的魔術師哈利・胡迪尼（Harry Houdini）。胡迪尼以其驚人的逃脫術和幻術聞名於世，他可以從看似不可能的困境中神奇地脫身，因此他的名字常被用來形容某種神秘或不可思議的能力。\n在 CSS Houdini ..."
url: "https://hashnode.com/posts/css-houdini-property/689c7070ceda321f822e4f93"
---

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

Discussion

# [#57 CSS @property：變數的再進化！輕易製作純 CSS 漸層動畫、圓餅圖動畫](https://im1010ioio.hashnode.dev/css-houdini-property?utm_source=hashnode&utm_medium=feed)

⚠️ 本篇文章已搬遷至 css.im1010ioio.dev，請至新站閱讀完整版。 CSS 除了變數外，還可以額外新增自訂屬性—— @property，現已全面支援了！ @property 規則是 API 的 CSS Houdini 系列的一部分： 「Houdini」這個詞源自美國著名的魔術師哈利・胡迪尼（Harry Houdini）。胡迪尼以其驚人的逃脫術和幻術聞名於世，他可以從看似不可能的困境中神奇地脫身，因此他的名字常被用來形容某種神秘或不可思議的能力。 在 CSS Houdini ...

Aug 13, 2025 · 1 min read · im1010ioio.hashnode.dev  
Updated Feb 4  
Read the article

-   [#css](https://hashnode.com/tag/css)
-   [#css3](https://hashnode.com/tag/css3)
-   [#houdini](https://hashnode.com/tag/houdini)
-   [#css-houdini](https://hashnode.com/tag/css-houdini)
-   [#property](https://hashnode.com/tag/property)
-   [#css-animation](https://hashnode.com/tag/css-animation)

## Written by

[YI-LIN CHEN (Eva)](https://hashnode.com/@im1010ioio)

@im1010ioio · Taipei, Taiwan

  
[View profile](https://hashnode.com/@im1010ioio)

ғʀᴏɴᴛᴇɴᴅ ᴅᴇᴠᴇʟᴏᴘᴇʀ / ᴅᴇsɪɢɴᴇʀ / ᴄʀᴇᴀᴛᴏʀ

Chief Designer @HealthyPlate

## Responses

Markdown supported · ⌘↵ to post

No responses yet.