drag-and-drop - Trello 拖放效果

Question

有谁知道 Trello 是如何做那些漂亮的拖放效果的，其中选定的卡片与文本可见略微倾斜？

我喜欢认为我查看 Web 上的任何站点并大致了解所有内容是如何完成的，但我从未见过像这样无缝完成的效果。它是在服务器上动态设置样式并在拖动开始时加载的预渲染图像吗？

我知道的非常琐碎的问题！

Answer 1

Trello just uses a CSS rotate transformation on the ui-sortable-helper

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