https://github.com/snipcart/vue-transition-demo

Demo for "Creating Vue.js Transitions & Animation"
https://github.com/snipcart/vue-transition-demo

creating-vue-transitions demo transitions vue vue-transition vuejs

Last synced: about 2 months ago
JSON representation

Demo for "Creating Vue.js Transitions & Animation"

• Host: GitHub
• URL: https://github.com/snipcart/vue-transition-demo
• Owner: snipcart
• License: other
• Created: 2017-10-05T19:55:10.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2019-02-27T20:20:59.000Z (almost 6 years ago)
• Last Synced: 2023-08-02T05:52:39.276Z (over 1 year ago)
• Topics: creating-vue-transitions, demo, transitions, vue, vue-transition, vuejs
• Language: CSS
• Homepage: https://snipcart.com/blog/vuejs-transitions-animations
• Size: 118 KB
• Stars: 63
• Watchers: 7
• Forks: 14
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: license.txt

Awesome Lists containing this project

README

        
# VueJS transition & transition-group demo

![vue-js-transitions](https://snipcart.com/media/175841/vuejs-animations-transitions-context.jpg)

This repo contains the code for a demo from our blog post "Creating Vue.js Transitions & Animation: Live Examples".

"A transition is a simple change in the style properties on an element to be transitioned in a single step. They are often handled purely through CSS.

The simplest way to achieve transition effects on your page is through Vue's  component. It makes things so simple, it almost feels like cheating. Vue will detect if any CSS animations or transitions are being used and will automatically toggle classes on the transitioned content, allowing for a perfectly timed transition system and complete control."

  

>[Read full tutorial](https://snipcart.com/blog/vuejs-transitions-animations)

>[Try it on CodePen](https://codepen.io/udyux/pen/EwwPgr)

Enjoy folks!