I have been trying to get these css3 animations to work in IE9 for a few hours today and I am stumped!  I tried implementing a few JavaScript fallbacks but my knowledge is very limited so they failed. I am unsure if it was failing due to my user er...
I have a CSS animation that I want to be applied in 200ms intervals. I've set up the CSS like this:  .discrete {     position:relative;     opacity:1;      -webkit-transition: all .5s linear;     -moz-transition: all .5s linear;     -o-transition...
Trying to set a random animation time on each iteration. I set a CSS custom property --animation-time changed randomly each animation iteration with JS.    let square = document.getElementById('square'); let time;  square.addEventListener(...
I have a fiddle (Fiddle A) in which cross-fade gallery of images happen for 2 images (2 tiles). Here is the snippets of html/css which I have used.  <div class="featured-block" style="display:flex; justify-content: center;">   &...
I'm having a hard time googling this issue because most of the things I can find are about animations that are supposed to be fast but are acting slow. My question is regarding an animation that I want to have a long duration but still be smooth....
See the demo here: http://jsfiddle.net/hamidrezabstn/fgcPa/5/  When I click on the middle raindrop , I would like it to rotate to the current position of the spinning circle! I tried below the JS code but it doesn't work! The next thing I want to...
Hello I have an svg that is a wavy line built with adobe illustrator and I'm trying to add a continuous wave like animation to it.   I've tried vivus.js and was able to get the draw animation working but not coninuously.  Does anyone have an...
I have a very strange issue. I'm loading articles from JSON in jQuery and as they load, I'd like to add a class of 'animate' to each dynamic element.  $.each(jsonArticles, function (i, article) {      var $articleHTML = $(     '&l...
I am using Aurelia.js for my UI. Let's say I have the following view markup:  <tr repeat.for="item in items">     <td>${item.name}</td>     <td>${item.value}</td> </tr>   Which is bound to a model "...
Note, I am using the latest Safari (9.0.2) and the latest Chrome. I know that as of 9.0.x safari handles a lot more of the animation prefixes for you. Yay! Also, I've submitted a bug report.   At it's most simplest, I'm trying to set t...

Tags

Recent Questions

Top Questions

Home Tags Terms of Service Privacy Policy DMCA Contact Us

©2020 All rights reserved.