← Back to release summary

CSS caret-animation property

Category
CSS
Type
New or changed feature
Status
In development (Chrome In development)
Intent stage
None

Summary

Chromium supports animation of the caret-color property, but when animated the default blinking behavior of the caret interferes with the animation. For instance, see the example at https://drafts.csswg.org/css-ui/#caret-animation where an animation from blue to red and back is rendered as a blinking cursor that is randomly blue or red. The CSS caret-animation property has two possible values: auto and manual, where auto means browser default (blinking) and manual means the page author is controlling the caret animation. In addition, via a user stylesheet, it allows users who are disturbed by or have adverse reactions to blinking or flashing visuals to disable the blinking.

Motivation

When the caret-color is animated the default blinking cursor interferes with the animation. This CSS property enables authors to disable the blinking when animating the caret color.

Standards & signals

Explainers: https://drafts.csswg.org/css-ui/#caret-animation https://github.com/w3c/csswg-drafts/issues/9707

View on chromestatus.com