Explore our sites

Stack Exchange
tour help

Tagged Questions

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

learn more… | top users | synonyms

4
votes
0answers
42 views

A way to read out or change CSS animation keyframes

In JavaScript it's easy to get the name and properties of CSS animations applied to an element: var animName = element.style.webkitAnimationName; // element.style.mozAnimationName // etc... But is ...
1
vote
2answers
23 views

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 screen height as a unit in CSS, I'm trying to do this with media queries, like so: ...
3
votes
1answer
23 views

CSS3 transition creates gaps and overlap in fluid width designs

I've run into a problem when using CSS3 transition on fluid-width layouts, particularly when the columns of the layout have no gaps between them. http://jsfiddle.net/Zm4fW/2/ HTML <div ...
0
votes
1answer
21 views

Drawbacks of CSS3 animation of SVG objects?

So I'm just getting into SVG and learning how it works. At the moment I am creating a project that involves rotating several SVG <circle>s at different speeds, thus learning how animateTransform ...
0
votes
1answer
37 views

Hide/Show animations on ngShow

I'm trying to do some sort of presentation with AngularJS and I wanted to use the power of ngAnimation which, so far, has been massively hard. I've been able to use fadeIn and fadeOut with CSS ...
0
votes
3answers
46 views

What is the pragmatic way to immediately hide something after showing it in Angular?

In a game I am making in AngularJS, I want to display some text that should fade away immediately, indicating the amount of experience that a character is gaining. I have done this by adding an ...
1
vote
1answer
26 views

Step CSS Animation with jQuery Scroll

How can I incrementally step CSS animations with jQuery Scroll position? i.e. If scrollTop height = 1, then animate marginTop -1px and so on till the max marginTop = -240px and then visa versa to ...
0
votes
0answers
10 views

Angular enter repeat animations inside views

Can it be right, that angular ng-repeat animations, do not trigger inside views? I've extended some examples from this article: ...
0
votes
2answers
38 views

how do I delay a CSS3 transition before starting?

I'm trying to display an element, wait 1second and then fade out the element using css3 transitions. Here is what I have: .el { -webkit-animation-timing-function: ease-in; ...
-2
votes
3answers
43 views

How would I go about making a number on my page quickly count up from 0 to 60 on load?

I'm imagining a fast mileage counter style element, similar in style to the spinning numbers on this website (scroll down a little), but with the numbers spinning from zero to 60, or possibly 0, up to ...
-2
votes
0answers
31 views

How to create the canvas animated counter? [closed]

I’m really trying to figure out how to create a counter circle like on this page I understand css animations quite well and also know how to trigger on scroll animation with jquery, but I cant ...
0
votes
1answer
24 views

CSS3 crossfade bg image when cover is used

I am trying to animate/crossfade bg image using CSS3. I know that this works, but only in Chrome for now: .image{width:100%;height:100%;background-size:cover;transition:background-image .5s ...
1
vote
1answer
36 views

Can't stop css animation disappearing after last key frame

I've got a simple css animation that I'd like to play and then stop on the last frame fully displaying the image. But currently at the moment it plays then seems to revert back to frame one so the ...
1
vote
3answers
45 views

css3 animation, change property after animation starts?

please see below: @-webkit-keyframes myfirst /* Safari and Chrome */ { 0% { height:200px; } 50% {opacity:1} 50% {height:300px; opacity: 0; } } I would like to start fading the object ...
0
votes
0answers
25 views

css3 animation rotation stutter

I have a css3 animation, it's a rotation set on an infinite loop, the problem is once it's done a rotation it doesn't smoothly go into the rotation again, there is a stutter of some sort and I can't ...

1 2 3 4 5 … 42
15 30 50 per page