asika32764 / vue-animate Goto Github PK

Any help please

Hi, I followed your example and got my transition working with bounceInLeft and bounceOutRight, but after that I tried using the other transitions and I found that none of them work. I am getting them from the list of supported animations.

Is there a reason why the animations are called differently compared to animate.css? I can't find fadeUp there, just fadeInUp or fadeOutUp.

Just asking out of curiousity.

Thanks!

Hi,
Flippers are not in :

• flip
• flipInX
• flipOutX
• flipInY
• flipOutY

Thanks

Quick question, how do you apply a different animation for enter and leave?

I'd like to fadeDown on enter and fadeUp for leave.

<transition name="fadeDown">
  <div> content here </div>
</transition>

怎么解决，艹，项目崩了

我很喜欢使用vue2-animate，但它设置的过渡名称(name)实在太容易与其他模块产生冲突了，例如我使用的vant-ui框架里面的Toast提示，导致Toast提示弹出的时候产生强烈的抖动。由此，我建议name可以使用命名空间。

Hi,

I noticed a bug with the "make-transitions" mixin. The property animation-name is created with quotes and that is invalid css.

Here is a short gif showing the problem: GIF

To fix it, I simply removed the single quotes from the 4 animation-name property definitions.

Best regards,

Rui Freitas

Hi!
I'm trying to use with v-show:

`                    <transition
                            name="custom-classes-transition"
                            enter-active-class="bounceLeft-enter"
                            leave-active-class="bounceRight-leave" >
                           <div v-show="mode=='1'">
                               <componentName></componentName>    
                           </div>      
                        </transition>    `

Seems is not working.
Thanks in advance

https://vuejs.org/v2/guide/transitions.html#Transition-Modes

The link above is the official vue.js document for conversion mode.

Does not seem to be supported by vue2-animate, is this correct?

Is there any way I can use it?

ı want to animate first element of array when data push to array

thanks

Is there going to be an option for Sass as opposed to Less.

如果能控制动画参数会更好。

how to load an animation on page load?

import { headShake } from '@asika32764/vue-animate';

Will be undefined now.

Use this instead before fixes:

import { headShake } from '@asika32764/vue-animate/dist/vue-animate.es';

Ref to material style anmation.scss mixins

Changes are described here - https://github.com/vuejs/vue/releases/tag/v2.1.8