鼠标滑过图片(文字)旋转变大:

原创 2018年04月16日 19:56:43

鼠标滑过图片(文字)旋转变大:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
.divone{
margin-top: 200px;/*向下移动*/
width: 100px;
height: 100px;
/*background-color: purple;背景色*/
color: purple;/*字体颜色*/
}
.divone:hover{
color: #11A9CC;/*字体颜色运行改变*/
transform: rotate(360deg)scale(3,3);/*旋转和放大*/
transition-duration: 5s;/*运行时间*/
}
</style>
</head>
<body>
<center>
<div class="divone">
<img src="img/ic_4.jpg" width="100px" height="100px"/>
可以加图加字
</div>
</center>
</body>
</html>

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

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

CSS3实现鼠标移动到图片上图片变大(缓慢变大,有过渡效果,放大的过程是有动画过渡的,这个过渡的时间可以自定义)

CSS3的transform:scale()可以实现按比例放大或者缩小功能。 CSS3的transition允许CSS的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对...
  • u014175572
  • u014175572
  • 2016-05-30 10:05:59
  • 118225

CSS 鼠标经过,图片变大代码

今天看到一个网站图片视频显示的效果不错,查看了一下,原来是用-webkit-transform: scale(1.1,1.1);这个代码做出来的,所以就为大家分享一下! 测试 .four...
  • u012117917
  • u012117917
  • 2014-12-19 22:45:26
  • 1932

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

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

css3鼠标经过,图片放大效果

css代码/*图片划过改变图片大小效果*/ .list ul li { width: 228px; height: 270px; overflow: hidden; z-index: 1; posit...
  • qq_31648761
  • qq_31648761
  • 2016-12-15 10:07:39
  • 1412

鼠标滑过图片,在图片上出现提示的文字

这里是新闻标题简要介绍一下吗素冠荷鼎更待何时大好时光大好时光的还是                         2013-4-12                             ...
  • qq_33769914
  • qq_33769914
  • 2016-08-04 17:32:33
  • 1246

鼠标经过图片显示文字介绍代码

  • 2015年08月11日 09:04
  • 62KB
  • 下载

图片在鼠标滑过的时候就放大,鼠标移开就恢复

外层容器设置宽高,超过的部分就隐藏。 a{        width: 250px;     height: 160px;     overflow: hidden;     bord...
  • qq_33769914
  • qq_33769914
  • 2016-07-19 10:47:03
  • 2819

Dreamweaver 鼠标滑过图片变大

  • 2010年10月02日 14:07
  • 1KB
  • 下载

js鼠标经过文字显示图片预览,jquery效果

.wrap { position:relative; } ...
  • erpenggg
  • erpenggg
  • 2017-04-19 10:22:23
  • 2356
收藏助手
不良信息举报
您举报文章:鼠标滑过图片(文字)旋转变大:
举报原因:
原因补充:

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