Clik here to view.
WAAPI Browser Support Test
See the Code - See it Full Page - See Details Testing different features of the web animations api for support in your current browser This Pen uses: HTML, SCSS, JavaScript, and
View ArticleClik here to view.
Multiple animate calls
See the Code - See it Full Page - See Details Example to show the same element receiving more than one animate() call with the Web Animations API This Pen uses: HTML, SCSS, JavaScript, and
View ArticleClik here to view.
Gift Box
See the Code - See it Full Page - See Details This Pen uses: HTML, SCSS, JavaScript, and
View ArticleClik here to view.
A Pen by Dan Wilson
See the Code - See it Full Page - See Details This Pen uses: HTML, SCSS, JavaScript, and
View ArticleClik here to view.
springy button remix
See the Code - See it Full Page - See Details Continuation of exploring making spring animations with keyframes and on the fly tension values. End goal of making it into a library. This Pen uses:...
View ArticleClik here to view.
Grid
See the Code - See it Full Page - See Details Haven't done much with grid since the original IE10 implementation in some Windows Store apps... catching up on the newest spec, and throwing in some...
View ArticleClik here to view.
WAAPI setKeyframes
See the Code - See it Full Page - See Details With the Web Animations API you can send a new array of keyframes to an existing Animation (even if running). As of 5/17/2016 support for this is limited...
View ArticleClik here to view.
A Pen by Dan Wilson
See the Code - See it Full Page - See Details This Pen uses: HTML, CSS, JavaScript, and
View ArticleClik here to view.
Pointer Events Playground
See the Code - See it Full Page - See Details This Pen uses: HTML, CSS, JavaScript, and
View ArticleClik here to view.
Press & Hold
See the Code - See it Full Page - See Details Pointer Events, Mouse Events, Touch Events. Pointer.pressure (Surface+ Pen) and Touch.force (iOS 3D Touch) value changes change size of circles. Chrome 52...
View ArticleClik here to view.
A Pen by Dan Wilson
See the Code - See it Full Page - See Details This Pen uses: HTML, CSS, JavaScript, and
View ArticleClik here to view.
A Pen by Dan Wilson
See the Code - See it Full Page - See Details This Pen uses: HTML, CSS, JavaScript, and
View ArticleClik here to view.
A Pen by Dan Wilson
See the Code - See it Full Page - See Details This Pen uses: HTML, SCSS, JavaScript, and
View ArticleClik here to view.
Press & Hold with tilt
See the Code - See it Full Page - See Details Pointer Events, Mouse Events, Touch Events. Pointer.pressure (Surface+ Pen) and Touch.force (iOS 3D Touch) value changes change size of circles. Chrome 52...
View ArticleClik here to view.
Press & Hold with tilt and raf
See the Code - See it Full Page - See Details Pointer Events, Mouse Events, Touch Events. Pointer.pressure (Surface+ Pen) and Touch.force (iOS 3D Touch) value changes change size of circles. Chrome 52...
View ArticleClik here to view.
Pause All those Random Dots!
See the Code - See it Full Page - See Details Web Animations API: demonstrating the ability to get all the AnimationPlayers and perform actions on them all. This Pen uses: HTML, SCSS, JavaScript, and
View ArticleClik here to view.
Filters
See the Code - See it Full Page - See Details This Pen uses: HTML, SCSS, JavaScript, and
View ArticleClik here to view.
Safari Spring
See the Code - See it Full Page - See Details Available as of June 22, 2016 in Safari Technical Preview 7. Experimental Spring timing function. Would love to find out more about the process and any...
View ArticleClik here to view.
WAAPI Browser Support Test
See the Code - See it Full Page - See Details Testing different features of the web animations api for support in your current browser This Pen uses: HTML, SCSS, JavaScript, and
View ArticleClik here to view.
WAAPI Browser Support Test (+ Polyfill)
See the Code - See it Full Page - See Details Testing different features of the web animations api for support in your current browser Forked from [Dan Wilson](http://codepen.io/danwilson/)'s Pen...
View Article