Add animation effect to kanban cards movement

[César]

Hi,

It is possible to add animations like this https://codesandbox.io/s/animated-draggable-kanban-board-with-tailwind-and-vue-1ry0p?ref=madewithvuejs.com&file=/src/App.vue to kanban cards

I use vue.js kanban control, but i need more fluid and smooth animation.

[Vinitha Jeyakumar]

Hi César,

Your requirement to apply animation to the Cards while dragging them, can be achieved by customizing the CSS styles like below,

Code snippet:

<style>

.e-cloned-card {

  opacity: 0.5;

  background: #f7fafc;

  border: 1px solid #4299e1;

}

</style>

Sample: https://stackblitz.com/edit/qd9ne5?file=src%2FApp.vue

Regards,

Vinitha

[César]

Thanks  Vinitha,

CSS Style its very good.

[Vinitha Jeyakumar]

Hi César,

You are welcome.

Regards,

Vinitha