Tagged Questions
0
votes
0answers
70 views
CSS3 / jQuery Animation: ticker
I am trying to create a web ticker with an infinite animation of content. I tried to do it with javascript / jQuery. Here's the code:
var stripeAnimation = function() {
var streetDivWidth = ...
0
votes
1answer
65 views
Is it possible to use CSS3 animations to move an image up and down while infinitely scrolling side to side?
I have a question that I am hoping I can achieve with just CSS3 animations but if the use of jQuery animate is necessary then thats alright as well. :]
I have an image of clouds sliding from right to ...
2
votes
2answers
54 views
How do you store content or metadata within a css keyframe?
Does anyone know why I can't see the effects of the content property in my keyframe animation?
I tried something like
@-webkit-keyframes mymove {
0.000% {-webkit-transform: ...
0
votes
1answer
151 views
CSS3 keyframes in JavaScript
Is it possible using animation keyframes in JavaScript? If your answer is no, please tell me how can I use codes like this?
I wrote my jQuery plugin but I don't know how can I use keyframes.
animate() ...
0
votes
1answer
155 views
animating text to rotate around a circle
I used lettering.js (which is a span injector) and css transforms to map a line of text around the edge of a circle. My small goal right now is to animate that text using keyframes. And my problem is ...
2
votes
1answer
63 views
CSS3 keyframes - changing animation duration causes “jumps”
You can see what's happening here http://goo.gl/bBMx6x (it's a fiddle, it wouldn't allow me to post it without having to c&p code) click on start, wait a couple of seconds and then press stop.. it ...
0
votes
2answers
172 views
IE10 CSS3 Animation Speed not dynamically updating with jQuery
This is part of a larger side-project I am working on. I have a series of moving divs, using @keyframes and CSS3's animation property. After much difficulty getting this working in webkit browsers due ...
0
votes
1answer
31 views
Keyframes with jquery not working in opera
$.fn.addKeyframe([{
name: "spinrd",
"from": tr + ':rotate(' + (rX1 + 0) + 'deg);',
"to": tr + ':rotate(' + (rX1 + 360) + 'deg);',
}]);
I have a sequence of this code, it ...
3
votes
1answer
637 views
Dynamically rotate image according to distance from mouse
I have an image, and want to rotate it. However, I don't think css keyframes will work because they can't be dynamically changed. I am currently using a jquery plugin called jquery rotate at ...
0
votes
4answers
680 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 ...
