不使用animate.css库
@keyframes bounce-in {
0%{
transform:scale(0)
}
50%{
transform:scale(1.5)
}
100%{
transform:scale(1)
}
}
.active{
transform-origin:left center;
animation:bounce-in 1s;
}
.leave{
transform-origin:left center;
animation:bounce-in 1s reverse;
}
hello world
change
var vm = new Vue({
el: '#root',
data: {
show: true
},
methods: {
handleClick: function() {
this.show = !this.show
}
}
})
在Vue中使用animate.css库hello world
change
var vm = new Vue({
el: '#root',
data: {
show: true
},
methods: {
handleClick: function() {
this.show = !this.show
}
}
})