Hiệu ứng kéo và thả Trello

Question

Có ai biết Trello thực hiện các hiệu ứng kéo và thả đẹp như thế nào, nơi thẻ được chọn hơi nhỏ với văn bản hiển thị?

Tôi thích nghĩ rằng tôi xem bất kỳ trang web nào trên web và biết mọi thứ đang được thực hiện như thế nào, nhưng tôi chưa bao giờ thấy một hiệu ứng như thế được thực hiện liền mạch. Đây có phải là hình ảnh được hiển thị trước được tạo kiểu động trên máy chủ và được tải khi kéo bắt đầu không?

Câu hỏi nhỏ nhặt hoàn toàn tôi biết!

Answer 1

Trello chỉ sử dụng một CSS rotate transformation trên ui-sortable-helper

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