JS&JQuery CSS实现点击一个元素，为另一元素设置rotateX动画，每次点击旋转一次

引言

css的transition可以为元素设置响应的过渡动画，可以设置transform属性，来实现旋转的效果，在做项目时需要实现一个按钮在点击时，另一个元素翻转360°的效果，每次点击都要旋转一次。查阅多种资料最后实现了如下的效果。

代码实现

首先为要旋转的元素设置了transition属性

#target{
   
	transition: all 0.8s;
}

纯js实现：

document.querySelector("#button").onclick = function(){
   
	const target= document.