This is a heavily interactive web application, and JavaScript is required. Simple HTML interfaces are possible, but that is not what this is.
Post
Jhey ʕ·ᴥ· ʔ
jhey.dev
did:plc:mqptcphqrjhr5nziy33f3kco
Use CSS custom properties and the sin() trigonometric function to give each character an eased animation-delay 🤙
.char {
animation-delay: calc(
sin((var(--index) / var(--total)) * 90deg) *
var(--duration)
);
}
p.s sorry for all the text effects 😬 was asked for this one in the other place
2024-10-25T01:09:28.037Z