文 - 篇  访客 -

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


  分类:04 技术开发  / 
更新:2023-08-14 09:48:53  /  创建:2023-08-04 16:06:47
不要删除

 <img src="img/jiaotou.png" class="xwcms" />
.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);

        }

       


不要删除

是日已过,命亦随减,如少水魚,斯有何乐?