.o_kanban_view { .oe_kanban_card, .o_kanban_record { @for $tr from 1 through 80 { &:nth-child(#{$tr}) { animation:infinito_kanban_shake #{$tr * .1}s ease-in !important; } } } } @keyframes infinito_kanban_slide_in { 0% { transform: translateX(-100%); } 100% { transform: translateX(0); } } @keyframes infinito_kanban_scale { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } } @keyframes infinito_kanban_shake { 0% { transform: rotate(-5deg); opacity: 0; } 20% { transform: rotate(5deg); } 40% { transform: rotate(-3deg); } 60% { transform: rotate(3deg); } 80% { transform: rotate(-1deg); } 90% { transform: rotate(1deg); } 100% { transform: rotate(0deg); opacity: 1; } }