Top "Css-animations" questions

CSS Animation: Works in Chrome but not in Firefox?

In rotate animation, works in Chrome but not in Firefox. Why? @-moz-keyframes rotate { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360…

html css css-animations

How to make the animation smooth?

I am trying to create a pre-loader which changer its height, width, border-radius and background color. The fiddle : https://jsfiddle.…

css css-transitions css-animations keyframe

Safari changing font weights when unrelated animations are running

I'm using css animations on my page and Safari seems to change unrelated font weights elsewhere on the page when …

animation css safari webkit css-animations

CSS keyframe animation with translation transform snaps to whole pixels in IE 10 and Firefox

It appears both IE 10 and Firefox snaps elements to whole pixels when animating their position using translate 2d transform in …

html css css-animations css-transforms

Animate the overflow property

I need to animate height, and set overflow: hidden for the first keyframe, and overflow: visible (and keep it) for …

css overflow css-animations keyframe

CSS animate scrolling text using text-indent

I have created an "Important Notice" bar where I want the text to scroll across the screen. It is achieved …

html css css-animations text-indent

How can I use CSS calc() with inherit?

I would like to use inherit with calc() like this: #foo { animation-duration: 10s; } #foo > .bar { animation-duration: calc(inherit + 2s); /* =12…

css inheritance css-animations css-calc

Defining keyframe animations inside media queries

I'm trying to get objects to "slide in" from the bottom of the screen, but since I can't get the …

css css-animations

Adding class via js won't trigger css animation

I have a modified version of animate.css (added some delay, new timings and new positions), and it works really …

html css web css-animations gumby-framework

Why are slow jQuery animations choppy?

I'm having a hard time googling this issue because most of the things I can find are about animations that …

javascript jquery css jquery-animate css-animations