添加或删除类时CSS的不同转换

添加或删除类时CSS的不同转换,css,sass,css-animations,Css,Sass,Css Animations,CSS转换在添加类时是否可以轻松进入,在删除类时是否可以轻松退出 $('button')。在(“单击”,函数()上){ $('.box').toggleClass(“alt”) }) .box{ 宽度:50px; 高度:50px; 背景:红色; 过渡:所有1500ms立方贝塞尔(0.55,0.055,0.675,0.19); /*三次贝塞尔(0.215,0.61,0.355,1)*/ /*三次贝塞尔(0.55,0.055,0.675,0.19)*/ } .box.alt{ 变换:平移3d(60

CSS转换在添加类时是否可以轻松进入,在删除类时是否可以轻松退出

$('button')。在(“单击”,函数()上){
$('.box').toggleClass(“alt”)
})
.box{
宽度:50px;
高度:50px;
背景:红色;
过渡:所有1500ms立方贝塞尔(0.55,0.055,0.675,0.19);
/*三次贝塞尔(0.215,0.61,0.355,1)*/
/*三次贝塞尔(0.55,0.055,0.675,0.19)*/
}
.box.alt{
变换:平移3d(600px,0px,0)比例(1.5);
}


单击
也将转换添加到alt类

.box.alt {
    transition: all 1500ms cubic-bezier(0.55, 0.055, 0.675, 0.19); // added ease in transition as mentioned by you in ques
    transform: translate3d(600px, 0px, 0) scale(1.5);
}

还将转换添加到alt类

.box.alt {
    transition: all 1500ms cubic-bezier(0.55, 0.055, 0.675, 0.19); // added ease in transition as mentioned by you in ques
    transform: translate3d(600px, 0px, 0) scale(1.5);
}