CSS3实现鼠标悬浮到图片使图片旋转180度

前端之家收集整理的这篇文章主要介绍了CSS3实现鼠标悬浮到图片使图片旋转180度前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

下面是编程之家 jb51.cc 通过网络收集整理的代码片段。

编程之家小编现在分享给大家,也给大家做个参考。

	.xwcms {	
				margin: 0 auto;
				-webkit-border-radius: 110px;
				border-radius: 110px;
				-webkit-transition: -webkit-transform 0.2s ease-out;
				-moz-transition: -moz-transform 0.2s ease-out;
				-o-transition: -o-transform 0.2s ease-out;
				-ms-transition: -ms-transform 0.2s ease-out;
			}
			.xwcms:hover {
				-webkit-transform: rotateZ(180deg);
				-moz-transform: rotateZ(180deg);
				-o-transform: rotateZ(180deg);
				-ms-transform: rotateZ(180deg);
				transform: rotateZ(180deg);
			}

以上是编程之家(jb51.cc)为你收集整理的全部代码内容,希望文章能够帮你解决所遇到的程序开发问题。

如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。

猜你在找的CSS相关文章