drag-and-drop - Trello 拖放效果

Question

有谁知道 Trello 如何实现那些漂亮的拖放效果，其中选定的卡片与可见的文本略有角度？

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

我知道这是一个非常琐碎的问题!

Answer 1

Trello 仅使用 CSS rotate transformation在 ui-sortable-helper

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