so what i want to do is some title that rotates around but the image shouldnt be rotating, only thing that must rotate is the base of it to give a example maybe i can say hotline miami 1’s main menu. how can i make it happen can someone help me please?

I’m doing a fun project on how to animate text using CSS. I followed this tutorial to the T (https://youtu.be/d9zhyAsnWYw?si=oNDkiPuHMcGxV7lS | except for the background image, I’m using Tekken 8. Haha), but nothing is animating on the screen. This is my first time messing with animations, so I’m learning something new. The code is below.

I have a page with a few sections, if i test it on my section itself it works when it comes to view, but i have a row with 2 colums in that section, when i try it with my colum it doesnt work. Maybe i do something wrong? …. the section is in my body tag.

So im tring to do an animation like a marquee

I’ve been working on a “slider” element. It’s mostly finished – but I’m still having some issues with animations.
It works as expected, but I am experiencing two issues:

When animation-fill-mode is forwards and using Animation-Iteration-Count to repeat the animation, the animation resets after each iteration until the last, where animation-fill-mode seems to work.

When trying to repeat an animation using Animation-Iteration-Count, the animation resets until last iteration when animation-fill-mode is forwards.

I have 1 parent div and 4 child div, the 4 child take all the space evenly, and when user click one of the child it expand taking all the space and the parent will be scrollable horizontally. My problem is how do I make the child move to the center of the screen when user click. Like when clicked it snap to that child and expand

I am creating a personal portfolio and am attempting to add a CSS animation to fade in an image. For some reason, I am unable to figure out why my animation is not showing up in my site when I load it. I am using Bootstrap to style my page. Not sure if this is relevant, but I am also testing my webpage by opening the HTML file from my local machine into my browser. I am using Safari on a MacBook Pro.

So I made a @keyframes to shift the background from bottom left to top right, and it works 100% fine, but Visual Studio Code keeps flagging it as wrong for some reason, I made another @keyframes totally different and unrelated to this one to test, and it flagged it as wrong with the squiggly red lines again. I have no idea on how to solve this, I’ve tried everything, but nothing works, Help! *Note that the “wrong red lines” only appear on the first element of the “from”.