turn Button

by jpeter06

HTML

<button id="che">
CHE
</button>
<button id="exec" onclick="turn('che')">
exec
</button>

CSS

button{ background:#eee}
.turn {
        animation: turn 1s;
      }
@keyframes turn {
  from {   background: #eee; transform: rotateX(0deg);  }
  50% {    background: turquoise; transform: rotateX(180deg);  }
  to {background: #eee; transform: rotateX(360deg);  }
}

JavaScript

function turn(name){
		var element = document.getElementById(name);
    console.log("turning",element.id)
    if(element){
			element.classList.remove("turn");
			void element.offsetWidth;
			element.classList.add("turn");
    }
	}