Top "Css-animations" questions

CSS animations make it possible to animate transitions from one CSS style configuration to another.

Detect which AnimationEnd has fired via animationName

I have several CSS3 animations linked to one div, but I only want a function to be callad a the …

javascript css detect css-animations keyframe
Ring-shaped process spinner with fading gradient effect around the ring

I want to create a ring-shaped process spinner with CSS3 or JavaScript, similar to the loading progress spinner in Android. …

jquery html css css-animations
Material design icons css rotation is not centered

I'm trying to make a loading spiner with icon from https://materialdesignicons.com/ but the icon doesn't just rotate, it …

css css-animations rotatetransform google-material-icons
Webkit Keyframes on Hover - Prevent Previous Animation

I have an element that I have a set of @-webkit-keyframes to animate in. On page load, these keyframes run, …

html css webkit css-animations webkit-animation
How to make a smooth dashed border rotation animation like 'marching ants'

I'm working on a css animation that uses 'cogs and chains', but am unable to create a 'smooth' border rotation …

css svg css-animations css-shapes
How to loop animated text banners using css keyframes

I want to loop this text ads banner using css keyframes. first shown text1 second added text2 (text1 stays there) …

css html animation css-animations banner-ads
How to fade out element using ng-hide with AngularJS?

I can currently show/hide an element according to a boolean condition in my controller. How can I fade the …

javascript angularjs css-animations ng-hide
CSS animation visibility: visible; works on Chrome and Safari, but not on iOS

In Chrome (19.0.1084.46 m on WinXP) and Safari (5.1.7 on OS X 10.7.4), this fiddle http://jsfiddle.net/Vkpwm/ works; clicking on the …

ios5 css mobile-safari mobile-webkit css-animations
In pure CSS, is it possible to set margin equal to height of current element?

I'm have a vertical stack of items to which the user can append one by clicking a button, roughly like …

html css css-animations
CSS infinite horizontal scroll with keyframe?

As a student, i'm actually making my own portfolio. For the header, I tried to create a sky effect, with …

css css-animations keyframe