Transform Issue With Bootstrap Card-Twitter bootstrap
I have such a bootstrap card: .task__content { transition: transform 0.2s linear 0s; transform: scaleY(0); transform-origin: top center; } .task:hover .task__content { transform: scaleY(1); } <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap.min.css" rel="stylesheet"/> <div class="task card" data-is-complete="incomplete"> <div class="task__toolbar card-header d-flex align-items-center py-2"> <!--task checklist-->…