title
A prototype
:root { --rgb: 255, 0, 0; --foo: green; } div { background: rgba(var(--rgb), calc(var(--foo) * .1)); height: 1em; animation-name: rotate; animation-duration: 4s; animation-iteration-count: infinite; transform-origin: top left; } @keyframes rotate{ 0% { transform: rotate(0deg) } 100% { transform:rotate(calc(var(--foo)* -360deg)) } }
snap
save
new
fork
download
html
css
js
output
gallery
config
➚ link to output
➚ snap player
font size
live reload
snap mode
layout
⤷ switch
★ info and code