Is it possible to add transition when changing state of cursor?

Question

Is it possible to add a transition using CSS or Javascript when changing the state of the cursor while hovering an element, for example from cursor: auto to a custom cursor or cursor: url(...)? I would like to use an effect like transition: all .5s linear for this.

.next:hover 
{
  cursor: url(../images/NEXT.png) 40 40, auto;
  transition: all .5s linear;
}

<div class="col-4">
  <div class="next"></div>
</div>