/Wiki/sources/honojs__hono/2026/https-hono-dev-llms-full-txt-keyframes-0921e4955d15-keyframes-s0698-c0000.md
`keyframes` - hono-docs
keyframes Source evidence: /Sources/raw/honojs hono/honojs hono.md Canonical citation: https://hono.dev/llms full.txt keyframes Summary You can use keyframes...
keyframes
Source evidence: /Sources/raw/honojshono/honojshono.md Canonical citation: https://hono.dev/llms-full.txt#keyframes
Summary
You can use keyframes to write the contents of @keyframes. In this case, fadeInAnimation will be the name of the animation. ``tsx const fadeInAnimation = keyframes from { opacity: 0; } to { opacity: 1; } ` const headerClass = css...
Content
You can use keyframes to write the contents of @keyframes. In this case, fadeInAnimation will be the name of the animation.
const fadeInAnimation = keyframes`
from {
opacity: 0;
}
to {
opacity: 1;
}
`
const headerClass = css`
animation-name: ${fadeInAnimation};
animation-duration: 2s;
`
const Header = () => <a class={headerClass}>Hello!</a>
Kinic Wiki