Stack Overflow
Stack Overflow

Questions tagged [web-animations]

Web Animations defines a model for supporting animation and synchronization on the Web platform. It defines a programming interface to the model that may be implemented by user agents that provide support for scripting.

Official documentation, as published by CSS Working Group and SVG Working Group.

Github: https://github.com/w3c/csswg-drafts
IRC: ircs://irc.w3.org:6667/webanimations

98 questions
0
votes
1 answer

Will WebAnimations support vector shape transformations

We have been using SVG path animations (SMIL), since CSS is very limited and have now heard that SMIL will soon vanish from all browsers. Does anyone know whether WebAnimations will support vector shape animations and not just classic…
Shai Kimchi
  • 587
  • 3
  • 13
0
votes
1 answer

SVG Textpath - animate startOffset (text to slide down SVG path) - in JS

How can I animate the SVG textpath startOffset parameter in WebAnimation/JS (NOT CSS!): I want to let the text slide down the path... I tried numbers,%, px with no success.
ajo
  • 895
  • 4
  • 13
  • 29
0
votes
1 answer

`player.animate( [ {transform: "rotate(10)"`?

I'm trying to use web animation/JS (but not CSS!) to transform SVG. I can't get the transform: rotate(10) to work--not sure why. In the example playerT (scale) and playerT3 (strokeWidth) are fine, but playerT2 doesn't seem to do anything--why?
ajo
  • 895
  • 4
  • 13
  • 29
0
votes
1 answer

Create a 3D object to animate in html page

I am building a web page right now and my manager wants to have a specific earth (mean: shadow, and specific earth design) spinning on it. We have a team specialise in 3D models and they are ready to build the object. But nor them or I know how to…
Jay Cee
  • 1,543
  • 4
  • 16
  • 38
0
votes
1 answer

Where to start to achieve this animation effect

How can i achieve this kind of animation effect (see link below) and where do I need to start learning, is this part of css or html5 or plugins, etc.. I have a startup knowledge in css and html5, but I have no idea how to achieve the…
cracker_chan
  • 93
  • 3
  • 11
0
votes
0 answers

Flip element into certain position using Web Animations API

I am trying to make a web effect that works like this: (It actually has nothing to do with cards, just using cards as an analogy; it will actually be an image. And there is no "stack" of cards, it is just a fixed position in the browser…
dwn
  • 523
  • 4
  • 15
-1
votes
1 answer

How to set up velocity.js?

I would like to know how can we include to our project the velocity.js library so we can have more smooth animations. Thanks! index.html
jQuery
Evangelos
  • 57
  • 8
-2
votes
2 answers

No animation with CSS keyframe (Mozilla Firefox)

I'm trying to learn CSS. I tried to do a simple animation: changing the background color of a span by using keyframes, but nothing change/animate My code looks like this : HTML : Test CSS : `body{ margin: 0; …
Greatzo
  • 5
  • 1
1 2 3 4 5 6
7