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 ...
0
votes
1answer
25 views
Css Animation not working in Google Chrome
I am trying to use this loader in my web site, scc animation works well in Firefox & IE but doesn't work in Google Chrome.
#loader{
width: 820px;
height: 670px;
border: none;
...
0
votes
2answers
31 views
css keyframe animation won't stop on last frame
I have a 29 frame animation of a tree growing and I want it to stop on the last frame, (when it's fully grown.) I've been trying to look for a solution to have it stop on the last frame, but nothing ...
0
votes
2answers
79 views
css bounce and add class in javascript
what is wrong with my css,the bounce animation just doesn`t happen???
I want an image to bounce on click according to my css animation which is not happening
HTML CODE::
<div class="hair">
...
0
votes
1answer
54 views
css keyframes animation not initializing
I've got a css @keyframe animation I'm trying to initiate but it never starts... What am I doing wrong?
http://jsfiddle.net/sadmicrowave/VKzXp/
@-webkit-keyframes slideNotificationsHide {
0%{ ...
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 ...
0
votes
1answer
85 views
Win8 Loader Animation in CSS
I made a copy of Win8 loader animation in CSS (see JSFidle) but it doesn't feel so ... windows like.
@-webkit-keyframes win8-dot1 {
0% { left: -30px; }
26% { left: 40.625% }
52% { ...
1
vote
1answer
95 views
combining multiple css animations into one overall animation
I have a set of animations that I queue up one after the other to create a bigger overall animation. For the sake of simplicity, I've created a simple fiddle to demo what I mean, but it's a simplified ...
0
votes
1answer
76 views
CSS3 Scale, Fade and Spin on the same element (why isn't SCALE working?!?)
OK noobs. Need this circle to scale and fade in once at the beginning of the animation (while spinning) and continue to spin thereafter. Not that hard right!?! Got the fade and spin working but scale ...
0
votes
1answer
33 views
How to make time delay in last @keyframe CSS3?
I have animation on path. This is my css code:
#target {
-webkit-animation: myPathX 1.5s infinite ;
-moz-animation: myPathX 1.5s infinite ;
-ms-animation: myPathX 1.5s infinite ;
...
0
votes
3answers
253 views
CSS Keyframe animation: Hiding element before animation starts
Is there a CSS way to hide an element and fading it in with a keyframe-animation after x seconds? Or do I need JavaScript/jQuery for that? How to do it?
At the moment, it is also show before the ...
0
votes
1answer
72 views
Inflate an Image Using CSS3
I have a div with a background image that I would like to inflate using CSS3 webkit-keyframes.
I tried animating using background-size, but it looks like CSS3 (or at least Safari webkit) doesn't ...
1
vote
1answer
178 views
css3animation + box-shadow not working in Safari & Opera
I have implemented box-shadow effect in an div using CSS3 Animation... The code works fine in firefox and chrome but i dont know why my code is not working in Safari and Opera...
Safari Version i am ...
0
votes
0answers
353 views
CSS Keyframe Animation: translateY, opacity and background-position not working in Chrome
I can't seem to get this animation working in Chrome, can anyone point out my mistake?
First animation: Container div (that must be absolutely positioned) bounces down onto the page, stays for 5 ...
1
vote
1answer
182 views
How To Animate Apple-Style CSS3 Keyframes?
I recently published a question about building this Mac product browser animation using jQuery. This seems to work fine, however some users went into the source code and found that Apple is using CSS3 ...
