Effetto trascina Trello

Question

Qualcuno sa come Trello fa quei bei effetti di trascinamento della selezione, in cui la scheda selezionata si inclina leggermente con il testo visibile?

Mi piace pensare di guardare qualsiasi sito sul Web e sapere approssimativamente come tutto è stato fatto, ma non ho mai visto un effetto del genere eseguito senza problemi. È un'immagine pre-renderizzata che viene disegnata dinamicamente sul server e caricata all'avvio del trascinamento?

Una domanda assolutamente banale, lo so!

Answer 1

Trello utilizza solo un CSS rotate transformation sulle ui-sortable-helper

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