Tagged Questions

0
votes
0answers
17 views

CSS3 keyframes animation not rendering css file in IE10 only

Working on my new portfolio site for web design. First time I decided to jump into CSS3 animation keyframes. So far their really awesome and i can do some much with them, unless its IE10. Really can't ...
1
vote
1answer
81 views

css3 :hover animation not working on firefox

I've created a CSS3 code that created a page flipping effect. With three encapsulated div tags, first a div encapsulates the plain page and sets the perspective and transform-style. The second div ...
0
votes
0answers
35 views

css animations : combining synchronous gpu accelerated animations into one render layer?

i'm trying to reduce painting time in a webproject i'm working on. i'm relying heavily on css3 animations. there is a lot of divs with the same background image and the same infinite sprite animation ...
1
vote
4answers
91 views

How to create a <ul> with a triangle for the :active row?

I know my title is not the best but I tried as best I could. It's a little hard for me to explain my problem, but what I want is to create a horizonal list that has a "triangle" in the active element. ...
1
vote
1answer
68 views

css3d rotating cube partially rotating

I am trying to create a rotating dice using just html and css i have the cube shape and it does rotate 45deg to the left on mouseover. this is my first experience with 3d css animations. i was ...
9
votes
5answers
361 views

Manually stepping through CSS animation with JavaScript

If I have a CSS keyframe animation like this @keyframes flash-red { 50% { background: #f00; } } #goflash.anm-flash { animation-name: flash-red; animation-duration: .5s; background: ...
0
votes
0answers
36 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
130 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
133 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
0answers
53 views

CSS3 animation does not start in Opera if element initially had display: none

I'm trying to show infinitely rotating image after some event in js. Works perfectly in Chrome 26, Firefox 19, but fails in Opera 12 (latest). I use initial image with style="display: none" like ...
1
vote
2answers
135 views

Firefox CSS3 animations not working at all

So I'm stuck on what I've done wrong with my animation code. I have -webkit-animation: wave 200s linear 0s infinite; -moz-animation: wave 200s linear 0s infinite; animation: wave 200s linear 0s ...
0
votes
2answers
37 views

Show animation after user switches to the tab

If a user opens page in new a tab in the background, Css animations are played before he/she switches to the page. Is there any way to show css-animation after user selects the tab ?
2
votes
1answer
595 views

Activate CSS3 animation when the content scrolls into view

I have a bar chart that animates with CSS3 and the animation currently activates as the page loads. The problem I have is that the given bar chart is placed off screen due to lots of content before ...
-2
votes
1answer
40 views

How do you do web animation of objects to come in,where their place becomes visible? [closed]

I need to make "entrance" animation to a lot of objects. They should fly from sides of pages to places they are meant to be.
1
vote
2answers
123 views

Keyframes animation working only on chrome/chromium

I have done a simple three image transition animation code. The code can be found here: http://jsfiddle.net/harshithjv/AF3Jj/ This code works only on chrome and chromium browsers. It does not work ...

1 2 3 4
15 30 50 per page