transition-property: border-radius;
  transition-duration: 1s;

はなぜ.boxの方に書くのでしょうか。.box:hoverにすると同じような動作が見られましたが、
戻るときは1秒かけて戻らずすぐに四角に戻る動きの変化が見られました。

この違いはなんなのでしょうか。