Tagged Questions

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

learn more… | top users | synonyms

0
votes
1answer
26 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
20 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
26 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 ...
1
vote
0answers
26 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
29 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
34 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 ...
2
votes
0answers
32 views

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 a css keyframe animation. Chrome and Safari does not, which looks a lot ...
1
vote
1answer
44 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
20 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 ...
0
votes
1answer
35 views

Custom animations in Compass?

I am wondering how can i transle this to compass mixins @-webkit-keyframes shake { 0% { -webkit-transform: translate(2px, 0px) rotate(0deg); } 10% { -webkit-transform: translate(-1px, 0px) ...
1
vote
2answers
51 views

CSS3 Animation + @keyframe run till the end

I can't find the way to play an animation till the end when an element is :hover. When i :hover out, the animation reset - but i want it to continue till the end. JsFiddle <div ...
-1
votes
0answers
25 views

what is the pros of SVG for Web Icons ?(The Solutions of Web Icons)

i am working on a Single Page App project. and it use svg to render icons. And my leaders understanding of the advantages of using SVG for icons just two points: High fidelity scaling across ...
0
votes
0answers
11 views

Changing Zepto.js default slide animation to slide down/up instead?

When using the fx_methods script with Zepto.js, it seems that the regular show/hide functions are replaced with a sliding animation. This would be great except that the entire div slides to and from ...
0
votes
1answer
57 views

Making Slide Show by CSS3 Animation

Have a look at this picture: http://oi43.tinypic.com/5cdm5g.jpg This is my idea to design an slide show, which each slide can be a div tag and congaing some text or image and the small behind slide ...
0
votes
1answer
40 views

CSS 3 slideshow not displaying in IE10

So I'm trying to get this slideshow to work in IE10. According to W3Schools IE supports this syntax, but allthough it works fine on every other browser, IE just doesn't cooperate. I'd appreciate any ...

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