/*Two div trigger and box into*/

body {
  padding: 50px;
}

.trigger{
  width: 200px
  height: 200px
  border: 20px solid #999
  background: #ddd
}
.box {
  display: inline-block
  background: pink
  width: 200px
  height: 200px
  transition: transform 300ms cubic-bezier(0, 0.47, 0.32, 1.97)
  pointer-events: none /*no events*/
}
.trigger:hover/*.clicked*/ .box {
  transform: translate(200px, 150px) rotate(20deg)
}

/*$('.trigger').on('click', function(){
  $(this).toggleClass('clicked');
});
*/