demo · v140
Caret Animation
Switch the caret between the platform default and an author-driven animation. Click into the input, then toggle. With manual the system stops blinking and your CSS keyframes drive the colour.
Mode: auto — system blinks the caret on its own cadence.
input { caret-color: red; caret-animation: manual; animation: pulse 1.2s infinite alternate; }
@keyframes pulse { 0% { caret-color: red; } 50% { caret-color: blue; } 100% { caret-color: green; } }see also
- CSS caret-animation property — feature index
- ChromeStatus entry
- Spec — CSS UI 4