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”.

I want to be able to animate only using HTML and CSS so that the p elements that are ontop of each other appear one by one then reset