鼠标滑过图片旋转:

原创 2018年04月16日 19:35:49

鼠标滑过图片旋转:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">  
            .keleyi {  
width: 100px;  
height: 100px;  
margin: 0 auto;  
background: no-repeat url("http://img.1985t.com/uploads/attaches/2017/12/141013-eSnS9sO.jpg") left top;  
-webkit-background-size: 100px 100px;  
-moz-background-size: 100px 100px;  
background-size: 100px 100px;  
-webkit-border-radius: 110px;  
border-radius: 110px;  
-webkit-transition: -webkit-transform 2s ease-out;  
-moz-transition: -moz-transform 2s ease-out;  
-o-transition: -o-transform 2s ease-out;  
-ms-transition: -ms-transform 2s ease-out;  
}  
.keleyi:hover {  
-webkit-transform: rotateZ(360deg);  
-moz-transform: rotateZ(360deg);  
-o-transform: rotateZ(360deg);  
-ms-transform: rotateZ(360deg);  
transform: rotateZ(360deg);  
}  
        </style>
</head>
<body>
<div class="keleyi"></div>  
</body>
</html>

【css3】鼠标悬停图片旋转效果

鼠标经过时图片旋转效果 body { background:#ddd; } .keleyi { width: 220px; height: 220px; margin: 0 auto; b...
  • wzl505
  • wzl505
  • 2016-10-31 11:25:39
  • 1181

CSS3-鼠标经过图片旋转、缩放、还原

在线演示 html: css: .box img{ width: 250px; height: 450px; } @-webki...
  • erdouzhang
  • erdouzhang
  • 2017-03-13 16:35:53
  • 1665

css3 鼠标滑过图片时文字旋转动画

特效描述:鼠标滑过图片的时候,以左上角为原点,顺时针旋转90度出现黑色遮罩层,之后文字一行行以右上角为原点旋转180度出现,纯css3实现,拷贝下面代码保存为html文件就可以查看效果。(所用到的图片...
  • daimomo000
  • daimomo000
  • 2016-12-17 16:02:01
  • 1566

6种css3鼠标滑过动画效果

6种css3鼠标滑过动画效果 /*****全局样式*****/ *{padding:0;m...
  • qq_29262833
  • qq_29262833
  • 2017-11-19 11:41:03
  • 786

鼠标滑过显示完整内容

  • 2010年05月11日 06:26
  • 3KB
  • 下载

JQUERY滑动选项卡自动切换鼠标滑过选项卡标签滑动切换选项卡

效果图如下: 免费下载链接:http://pan.baidu.com/share/link?shareid=1035722682&uk=2587351204...
  • xuweilinjijis
  • xuweilinjijis
  • 2013-09-10 10:39:08
  • 1647

CSS3制作鼠标经过三角形旋转

在线演示html:css:#box { margin: 100px auto; width: 0; height: 0; border: 30px solid tran...
  • erdouzhang
  • erdouzhang
  • 2017-04-01 09:49:58
  • 282

8款CSS3鼠标滑过图片动画效果

  • 2017年10月31日 11:25
  • 185KB
  • 下载

鼠标滑过链接出现的对话框式提示效…

http://www.w3.org/1999/xhtml">
  • haibo0668
  • haibo0668
  • 2016-06-02 13:04:30
  • 330

HTML鼠标滑过特效教程

时下,各种个性化展示网站都会通过鼠标特效增强与用户之间的交互,使得网站更加生动,仿佛懂得跟用户谈话一样。就连展示模式相对古板的信息类网站或者门户网站也抵挡不住诱惑,悄悄地加入了一些按钮互动的效果。 ...
  • hzp666
  • hzp666
  • 2017-02-06 15:54:33
  • 1155
收藏助手
不良信息举报
您举报文章:鼠标滑过图片旋转:
举报原因:
原因补充:

(最多只允许输入30个字)