# Typed custom property

A custom property registered with a type, so it can be animated.

## What is a **typed custom property**?

A **typed custom property** is registered with a type, like a color or a length, so the browser checks it and can animate it.

```css
@property --glow { syntax: "<color>"; inherits: false; initial-value: transparent; }
.button:hover { --glow: gold; transition: --glow 0.3s; }
```

Level: Master · [More CSS terms at this level](https://www.ask-codey.com/glossary/subjects/css/master)

Updated: September 27, 2026

Source: https://www.ask-codey.com/glossary/typed-custom-property