Category "css-animations"

CSS animations default to slow fade in-out, is there a way to change that?

New to using CSS animations. Created an animation with 8 pictures for a total animation-duration 100sec. Using keyframes percentages I have the first 6 frames 1

CSS Animation to expand div from center outwards

I am trying to make the following expand outwards from the center (almost like curtains opening). It should kind of look like this, but instead of - it's empty

Image is not in center on safari mobile web

I implemented css animation to the image and it works well on explorer or chrome through the pc. Though, on safari, the image is placed in the left top corner.

Create a GIF from an HTML animation

THE PROBLEM I've created an HTML animation using google web designer, then I need to export my project as a GIF. Google web designer doesn't provide any tool to

CSS: Animation vs. Transition

So, I understand how to perform both CSS3 transitions and animations. What is not clear, and I've googled, is when to use which. For example, if I want to make

Looping Animation of text color change using CSS3

I have text that I want to animate. Not on hover, for example but continually changing slowly from white to red and then back to white again. Here is my CSS co

Can I transition the flex-grow of a flex box to produce an animation?

Is it possible to transition the items in an flexbox? When you click I want all items to collapse except the one that is clicked. The one that is clicked should

Disable Ripple effect on MUI Button and add custom

I wanted to remove the ripple effect on the button and implement my custom effect in MUI Button. I have removed ripple using disableRipple. I have tried to appl

Other Categories