クルクル回転する丸ボタン

html

<button class="btn">くるくる</button>

css

.btn{
  width:120px;
  height:120px;
  font-size:18px;
  color: #000;
  font-weight: bold;
  background: #fff;
  border-radius: 50%;
  border: solid 1px #696969;
  transition: 0.6s;
  -webkit-transition: 0.6s;
}

.btn:hover{
  background: #778899;
  color: #fff;
  transform: rotate(720deg);
  -webkit-transform: rotate(720deg);
}