10 Smooth CSS Transitions For Vue.js – transitions-css

Description:

A CSS animation library that provides 10 smooth CSS transitions for Vue.js components.

Transitions Included:

  • fade-x
  • fade-y
  • fade
  • flip-x.css
  • roll-in-left.css
  • rotate.css
  • scale-in.css
  • shrink.css
  • swirl.css
  • tilt-in.css

How to use it:

1. Install and import the transitions-css.

import 'vue-transitions-css';

2. Apply a transition effect to your component.

<transition name="fade">
  <Content v-if="show" />
</transition>

Preview:

10 Smooth CSS Transitions For Vue.js - transitions-css

Download Details:

Author: Edmund1645

Live Demo: https://vue-transitions-css.netlify.app/

Download Link: https://github.com/Edmund1645/vue-transitions-css/archive/master.zip

Official Website: https://github.com/Edmund1645/vue-transitions-css

Install & Download:

# NPM
$ npm install vue-transitions-css --save

You Might Be Interested In:

Add Comment