2012-07-02 21 views
13

¿Alguien sabe cómo Trello hace esos bonitos efectos de arrastrar y soltar, donde la tarjeta seleccionada tiene un ligero ángulo con el texto visible?Trello arrastrar y soltar efecto

Me gusta pensar que miro cualquier sitio en la web y sé aproximadamente cómo se está haciendo todo, pero nunca he visto un efecto así sin problemas. ¿Es una imagen renderizada previamente que se diseñó dinámicamente en el servidor y se carga cuando se inicia el arrastre?

¡Pregunta absolutamente trivial que sé!

Respuesta

16

Trello sólo utiliza un CSS rotate transformation en los ui-sortable-helper

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

Gracias - He hecho más que empezar a mirar CSS3, no tenía idea de que podría girar. –