Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Where are the authentic CSS3 Animation specs followed by WebKit and Mozilla?

Well I am looking for a complete definitive CSS3 Animation spec so that I am limited by those mentioned in tutorials for Dummies. Whenever I search the internet I only come across various tutorials and guides.

I am looking for the authentic CSS3 animations specification document used by WebKit and Mozilla for their implementations which covers all the possibilities in their browsers.

What I understand is that Mozilla and WebKit have their own tags and the standard is still not accepted, so maybe they have their own documents. Any pointers to the authentic documentation?

like image 654
Raks Avatar asked Dec 05 '25 14:12

Raks


2 Answers

Mozilla transitions

  • https://developer.mozilla.org/en/CSS/-moz-transition

WebKit transitions

  • -webkit-transition entry, Safari CSS Reference
  • ‘Automatic Animation (Transitions)’, Safari CSS Visual Effects Guide
  • Official WebKit blog entry on transitions

WebKit animation

  • -webkit-animation entry, Safari CSS Reference
  • ‘Keyframe Animations’ section, Safari CSS Visual Effects Guide
  • Official WebKit blog entry on animations

Edit: as per your comment asking about transforms:

Mozilla transforms

  • https://developer.mozilla.org/en/CSS/-moz-transform

WebKit Transforms

  • -webkit-transform entry, Safari CSS Reference
  • ‘Transforms’ section, Safari CSS Visual Effects Guide
  • Official WebKit blog entry on 2D transforms
  • Official WebKit blog entry on 3D transforms
like image 109
Paul D. Waite Avatar answered Dec 07 '25 16:12

Paul D. Waite


Transitions specification:

  • In development version: http://dev.w3.org/csswg/css3-transitions/
  • Published version: http://www.w3.org/TR/css3-transitions/

Animations specification

  • In development version: http://dev.w3.org/csswg/css3-animations/
  • Published version: http://www.w3.org/TR/css3-animations/

All the other links posted above (e.g. MDN links, Webkit blog links) are NOT specifications, but more like tutorials.

like image 43
Lea Verou Avatar answered Dec 07 '25 16:12

Lea Verou



Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!