Javascript 翻转行表1方向动画

Javascript 翻转行表1方向动画,javascript,html,css,Javascript,Html,Css,我有一些行翻转动画表,但它翻转与2个不同的动画方向,我需要表行只翻转与1个动画方向(上或下方向只),所以结果将只有1个方向的动画向上或向下(我希望向上向下) 谢谢你 $(文档).ready(函数(){ 设延迟=0; $('tr')。每个(函数(){ 让row=$(这个); setTimeout(函数(){ row.find('.flashcard')。每个(函数(){ let card=$(本); setInterval(函数(){ 卡片。切换类(“翻转”); }, 2500); }) },延

我有一些行翻转动画表,但它翻转与2个不同的动画方向,我需要表行只翻转与1个动画方向(上或下方向只),所以结果将只有1个方向的动画向上或向下(我希望向上向下)

谢谢你

$(文档).ready(函数(){
设延迟=0;
$('tr')。每个(函数(){
让row=$(这个);
setTimeout(函数(){
row.find('.flashcard')。每个(函数(){
let card=$(本);
setInterval(函数(){
卡片。切换类(“翻转”);
}, 2500);
})
},延误);
延迟+=1000;
})
});
.stage{
-webkit透视图:1000;
}
.抽认卡{
高度:30px;
宽度:50px;
利润率:10%自动;
边框:1px纯色灰色;
盒影:2px 2px 2px#000;
-webkit变换样式:保留-3d;
过渡:均为0.3秒;
-webkit转换:所有0.3;
}
.翻转,
.回来{
变换:rotateX(180度);
-webkit变换:rotateX(180度);
}
.前线,
.回来{
高度:30px;
宽度:50px;
位置:绝对位置;
文本对齐:居中;
-webkit背面可见性:隐藏;
}
.前p,
.backp{
利润率最高:15%;
字号:1em;
}

一,

二,

一,

二,

一,

二,

一,

二,

一,

二,

一,

二,

一,

二,

一,

二,

一,

二,