This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* The cicada principle in animations | |
* Remember the cicada principle that used prime numbers to make multiple overlaid repeated backgrounds seem more random? | |
* There’s no reason it can’t be applied to repeating linear animations too (using primes for the durations, divided by 10) | |
*/ | |
@keyframes spin { to { transform: rotate(1turn); } } | |
@keyframes radius { 50% { border-radius: 50%; } } | |
@keyframes color { 50% { color: orange; } } | |
@keyframes width { 50% { border-width: .3em; } } |