rotateの基準について

Question

以下のページのハンバーガーメニューで「クリックをした後ホバーをすると回転する」という指定があります。（CSS 81行目）
225度回転すると指定があるのですが、実際ホバーさせてみると90度しか回転していません。
これはなぜなのでしょうか。

デモページ↓
https://codepen.io/gtrtretyrey/pen/VwYomLR

Answer 1

既に transform: rotate(135deg); と指定されており、ホバー時にはこれが上書きされ transform: rotate(225deg); となります。よって、回転する角度は 90 度になります。

/* Toggler Animation */
.menu-wrap .toggler:checked + .hamburger > div {
  transform: rotate(135deg);
}

/* Rotate On Hover When Checked */
.menu-wrap .toggler:checked:hover + .hamburger > div {
  transform: rotate(225deg);
}