Efekt przeciągnij i upuść Trello

Question

Czy ktoś wie, w jaki sposób Trello robi te śliczne efekty przeciągania i upuszczania, w których wybrana karta kąci się lekko, a tekst jest widoczny?

Lubię myśleć, że patrzę na jakąkolwiek witrynę w Internecie i wiem z grubsza, jak wszystko się robi, ale nigdy nie widziałem takiego efektu, który zostałby zrobiony bezproblemowo. Czy jest to wstępnie renderowany obraz, który jest dynamicznie stylizowany na serwerze i ładowany po rozpoczęciu przeciągania?

Zupełnie banalne pytanie, które znam!

Answer 1

Trello tylko używa CSS rotate transformation na ui-sortable-helper

.list-card.ui-sortable-helper { 
    transform: rotate(3deg); 
    -moz-transform: rotate(3deg); 
    -webkit-transform: rotate(3deg); 
}