Stack Overflow
Stack Overflow

Questions tagged [webkit-animation]

webkit-animation is a css property to specify css animation which is understand by the webkit based web browser.

webkit-animation is a css property to specify css animation which is understand by the webkit based web browser;

Syntax:-

    -webkit-animation: < name > < duration > < timing_function > < delay > < iteration_count > < direction > [ , ...  ] ;

links:

  1. http://css-infos.net/property/-webkit-animation
38 questions
0
votes
0 answers

Change background colour of link using css animations

I am trying to change the background colour of my anchor tag using css animation. I want the colour to fade in on specific links depending on where the user is on the page. To do this i have created a keyframe setup to fade in the colour, and then a…
Kyle Bing
  • 253
  • 2
  • 6
  • 20
0
votes
1 answer

One -webkit- animation working, but another is not

Here is my css code. In Safari, the second :hover pseudo-class rule is working properly, but not the first one. In Chrome/IE they both work. Am I missing something? They're set up basically the same... @-webkit-keyframes shakeright { from…
user5494847
  • 23
  • 3
0
votes
1 answer

Using JQuery $(class).css() halts CSS webkit animations?

I have a CSS element referred to as .row, which looks as follows: @-webkit-keyframes slideright { from { background-position: left; } to { background-position: right; } } .row { width: 200%; height: 100px; -webkit-animation:…
Bletotum
  • 1
0
votes
1 answer

CSS Animations Work in IE10 and Firefox, NOT in Webkit Browsers

this is my first time posting. I've searched and trouble shooted for the past two hours, but haven't been able to solve my problem. I suspect it's something stupid and simple, but I just can't find the error. This is an excerpt from my testing…
Jeremy Kuhar
  • 1
0
votes
1 answer

Javascript : cannot remove the listener for webkitAnimationEnd

Situation : I have an event listener on an item. When I press on it, it calls a method that will perform a webkitAnimation and I return the end of the animation as a result. Problem : If I click several times on my item, the webkit animation's…
athom
  • 313
  • 1
  • 11
0
votes
1 answer

css3 animation triggered each time the div is fadeed in

I am using -webkit-animation on a div like the following: #agFloor { background-image: url('http://blabla/something.jpg'); width: 375px; height: 364px; top:0; left:20px; -webkit-animation: FloorAnim 5s ease-in-out; } with…
Santiago Rebella
  • 2,399
  • 2
  • 22
  • 29
0
votes
1 answer

ipad retina display webkit animation performance poor

I'm trying to apply a simple rain effect using webkit animation, on ipad 2 it runs fine with no issues but on newer retina display ipads it runs extremely…
mao
  • 1,059
  • 2
  • 23
  • 43
-1
votes
1 answer

blink animation suddenly stopped working

So I'm using the blink webkit framework to make the content on my website flash in yellow/blue. I tested the code in JS Bin and it worked, but for some reason it's not working anymore. Maybe I accidentally deleted something in the code? This is…
Jordan Miguel
  • 632
  • 1
  • 9
  • 34
1 2
3