Adds support for custom prop keyframes (kf). It allows you to define a keyframe animation for your element. You don't need to use animationName, it is automatically generated for you, simply omit it.


Live Editor
animation-name: a3;
@keyframes a3 {
from {
width: 0;
to {
width: 100%;


The plugin is already included in the package ccss pre-configured. Skip this step if you don't need custom configuration and/or CCSS instance.

import ccss from '@cryptic-css/core'
import propKeyframes from '@cryptic-css/prop-keyframes'
Last updated on by Pablo Henrique