Keyframes make it possible to specify the behaviour of a css animation cycle.
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
votes
1answer
12 views
@keyframes not working in Firefox
Umm, hello.
I was playing around with the @keyframes property of CSS3 and the animation doesn't seem to work in Firefox.
Can someone please tell me what is wrong in my code?
Thanks!
#slideshow{
...
0
votes
2answers
27 views
keep css animation state
i'm applying a css keyframe animation to an element. i only specify one keyframe (100%) for a simple transform. while the animation is running i pause using the animation playstate and apply a class ...
2
votes
1answer
27 views
Webkit Animation and transform
I currently have a problem with the implementation of a loader CSS on Chrome.
I post the jsFiddle.
Nothing happens in Chrome but it works fine on Mozilla.
Thank you for your help
...
0
votes
1answer
22 views
Webkit keyframe not working in chrome
Why is my keyframes animation (http://jsfiddle.net/ZcFre/) not working in Chrome?
My CSS is:
.circle1 {
-webkit-animation: spinoffPulse 1s infinite linear;
}
@-webkit-keyframes spinoffPulse {
...
0
votes
1answer
14 views
Is it possible to - on:hover pause css3 animation and change its background color?
I'm using keyframes to constantly change the font-color of an <a> link. On :hover I want to be able to stop the animation and define the font-color .
@-webkit-keyframes fontt {
0%, 100% ...
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
947 views
With CSS3, can I create keyframes that make border pulse in and out?
I have an image with a border surrounding. I want to have the border fade in and out. Is this possible with opacity + webkit keyframes? Ideas?
Thanks
0
votes
1answer
69 views
Converting CSS keyframe animation to Javascript
My experiences with JavaScript sliders/carousels have been very painful. More often than not, I've gotten the script to work exactly the way on want locally, but the moment I plug it into my site it ...
2
votes
1answer
23 views
Unexpected behaviour with CSS Keyframe animation
I am trying to have an element scale up from 0 on page load, but that element needs to be rotated. Seems like a simple thing, but it seems to apply the rotation after the animation finishes:
...
0
votes
1answer
82 views
Why is my CSS :hover @keyframes animation not working? [closed]
I am a newbie. Why is this code not working?
I want to make the bird fly.
My html:
<img src="http://dl.dropboxusercontent.com/u/105046436/tw.png" />
<br>
<div ...
0
votes
1answer
24 views
Css3 different keyframes for different states
i've got some trouble with this
My first animation works fine when the page loads, but i want to trigger another animation when you hover the figure element, if you do this, the first animation ...
0
votes
0answers
29 views
Css3 keyframe cycle slider?
What's up folks .. i've been training myself on this marvelous world of Css3 keyframes.
I've seen a couple of approaches about sliders made with 100% css, but i'm looking for something different.
What ...
0
votes
1answer
69 views
animation on every mouseover?
I have created a bounce animation. This bounce animation is to an image and is triggered on mouseover. Currently,the animation occurs only once,What I want is that it should bounce on every mouseover.
...
Related Tags
css3 × 57css × 28
css-animations × 24
animation × 17
webkit × 7
html × 6
css-transitions × 6
transform × 5
less × 5
html5 × 4
javascript × 4
jquery × 4
firefox × 4
internet-explorer-10 × 3
mixins × 2
colors × 2
css-transforms × 2
hover × 2
google-chrome × 2box-shadow
background
safari
changing
skew
webkit-transform
