Trello拖放效果

时间:2012-07-02 20:31:07

标签: drag-and-drop trello

有没有人知道Trello如何处理那些漂亮的拖放效果,其中所选择的卡片与文本可见的角度略有不同?

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

我知道这个非常微不足道的问题!

1 个答案:

答案 0 :(得分:17)

Trello只使用ui-sortable-helper

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