Why do keyframes not work in <styled> in SolidJS
I have loader component: https://github.com/nikitavoloboev/kuskus/blob/main/src/components/Loader.tsx
GitHub
kuskus/Loader.tsx at main · nikitavoloboev/kuskus
Fast fully keyboard driven todo app with GitHub integration and AI features - kuskus/Loader.tsx at main · nikitavoloboev/kuskus
5 Replies
its copied 1 to 1 from here:
https://github.com/GriffinJohnston/uiball-loaders/blob/main/src/components/LeapFrog.js
https://github.com/GriffinJohnston/uiball-loaders/blob/main/src/components/LeapFrog.module.scss
just adapted to solid
and uses
<styled>
tag for styles
it renders like these 3 black dots though and does not animate

maybe its crossed out?
i dont get why that happens
ok I had to add
!important
solved now
to animation