Is there a way I can drag 1 component and have it fade into another component seamlessly?

Question

I want the user to be able to drag the top part of the component and move it downwards seamlessly. The CSS would shrink as the user\'s mouse goes down into the base