Tagged Questions

3
votes
2answers
62 views

How to pause a css animation, and then continue running from the pause point?

I'm playing a CSS animation with infinite iterations, until some point I pausing it from java script (using technique from here). At later time I resume the animation. The problem is that the ...
1
vote
1answer
36 views

Glitches on webkit-animation on Chrome

I have a HTML/CSS menu that opens either left or right on the CSS:hover effect. It seems to be working well on most modern browsers, but on Chrome the text glitches a bit, when the effect goes to the ...
1
vote
2answers
37 views

CSS3 IE 10 Page Fade In Transition/Animation

Looking for a cool, smooth lightweight CSS3 page fade in transition effect. Only need support for IE 10, as I want to use it in a Windows Metro App with the WebView control (which is a lightweight ...
0
votes
1answer
31 views

Can box-shadow CSS property be animated? Chrome animates, Firefox does not

Below is the jsfiddle.net example: http://jsfiddle.net/PGa2H/ CSS @keyframes blink { 0% { box-shadow: 0 0 15px green; } 50% { box-shadow: 0 0 0; } 100% { box-shadow: 0 0 15px green; } } ...
0
votes
0answers
33 views

Performance: Animating Raster vs Vector Images (Chrome 28+ & Chrome Android)

I'm making a CSS3 animation using jQuery.Transit (http://ricostacruz.com/jquery.transit/). Picture a rocket ship moving up and out of frame. Easing, but no further effects (smoke, etc). From a ...
0
votes
0answers
31 views

100% height breaks on iPad using CSS3 Animations

Having a few issues making the following page iPad compatible (works perfectly on CSS3 compatible browsers usually) http://inspirationx.net/test/i-animation/i-animation.html Basically on the iPad ...
0
votes
1answer
21 views

How to fade in background image by CSS3 Animation

I am making a menu that each item has a text like item1, item2 and etc. in hover the background colour changes, text becomes transparent and a background image replaces. I used this code to ease in ...
1
vote
1answer
46 views

How to fade out after hover is done using CSS

I have have an image which its background color changes when hover. It takes 1 second to change the colour, but as soon as the courser moves out of the image it changes back without any effect. ...
0
votes
0answers
36 views

How to make an image roll up a different bg in hover in CSS3

I want to give a new effect to my image in hover. So when hover, the image rolls up and the same image with different background colour replaces. I might sounds unclear but have a look at my code and ...
0
votes
2answers
29 views

Css Animation not working correct

I have to elements and I want to animate them seperatly. Element one should play animation one and element two should play animation two. But when I test it element one plays both animations and ...
2
votes
0answers
53 views

SVG + css3 animation not working with link markup

Hi folks! I've been reading the awesome article "Using SVG" from Chris Coyer (http://css-tricks.com/using-svg/), and decided to use some things to make an animated logo. But I'ts been a little fight. ...
0
votes
1answer
66 views

Activate CSS3 keyframe animation when the content scrolls into view

I have been trying to figure out how to have animations occur when it is scrolled into view but with little to no luck. I found a JQuery plugin "Waypoints" but I lack the skills to utilize it. I am ...
0
votes
1answer
55 views

CSS3 Folding Animation with vertex

I need to fold a squared div with vertex. I found some examples in Internet to fold edges in a squared div. Someone know how can I make this animation? This is an example in flash but I want the same ...
0
votes
1answer
52 views

how to make CSS animation to play every 10 seconds

I have a css animation, which it either repeat infinite or only a certain times. but I would like to play it like 2 times every 5 seconds. Here is my code: #countText{ -webkit-animation-name: ...
0
votes
1answer
22 views

Changing text could animatedly by CSS3

I have a text that I want to change its text animatedly. Not in hover. fer example the text is in the page and it slowly changes from white to red and then change to white again, just looping this ...

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