RT jhey 🔨🐻✨
CSS Tip! 🔮
Wanna make that ring text effect? 💅
You can do it with trig functions 🤓
.ring {
--a: calc(360 / var(--chars));
--r: calc(1 / sin(var(--a))) * -1ch;
}
.char {
transform: rotate(calc(var(--a) * var(--idx)))
translateY(var(--r));
}
@CodePen link below! 👇
https://twitter.com/jh3yy/status/1618297458752368640