CSS3 - 鼠标经过图片(表情)缓慢放大、鼠标离开缓慢还原
web DIV+CSS 2020-07-07 83 0
关于本站

淘淘IT

记录工作学习中的点点滴滴

本站创建于2017年,用于记录工作和学习中遇到的问题。同时,不断提升网站的使用体验,增加新的功能。

757137 1186 11
最新评论
@xiaoniba 好像是编码GBK和utf-8的区别,请看下我摘抄的一篇文章,里面有介绍http://taotaoit.com/article/details/885.html,你可以尝试下是否可以
评 tp5.1中字段别名是汉字,提示错误:不支持的数据表达式
\x7f-\xff 这个匹配什么东东,会不会出现安全问题??? 改成这样如何 if ($strict && !preg_match('/^[\w\.\*\x{4e00}-\x{9fa5}]+$/u', $key)) {
评 tp5.1中字段别名是汉字,提示错误:不支持的数据表达式
完美解决 牛逼
评 tp5.1中字段别名是汉字,提示错误:不支持的数据表达式
评 tp5.1中字段别名是汉字,提示错误:不支持的数据表达式
完美解决
评 tp5.1中字段别名是汉字,提示错误:不支持的数据表达式
文章标签更多
ThinkPHP (119)
Mysql (25)
DedeCms (28)
jQuery (27)
证件照 (1)
setInc (3)
setDec (3)
onclick (3)
打开边栏(ESC) 关闭边栏(ESC)
<!doctype html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>首页</title>

<style>
img.p_img:hover{
    -webkit-transform:scale(1.2);/*在Safari 和 Chrome兼容下还原*/
    -moz-transform:scale(1.2);/*在Firefox兼容下还原*/
    -ms-transfrom:scale(1.2);/*在IE9兼容下还原*/
    -o-transform:scale(1.2);/*在opera兼容下还原*/
    transform:scale(1.2);/*适用于所有浏览兼容下还原*/
}
img.p_img{ 
    width: 231px;
    height: 149px;
    -webkit-transition:0.5s all;/* 适用Safari 和 Chrome兼容 */
    -moz-transition:0.5s all;/* 适用Firefox兼容 */
    -ms-transition:0.5s all;/* 适用IE9兼容 */
    -o-transition:0.5s all;/* Opera */
    transition: .5s;
}
</style>

</head>
<body>
<div>
  <img src="images/index-1.png" alt="" class="p_img">
	<img src="images/index-1.png" alt="" class="p_img">
	<img src="images/index-1.png" alt="" class="p_img">
	<img src="images/index-1.png" alt="" class="p_img">
	<img src="images/index-1.png" alt="" class="p_img">
	<img src="images/index-1.png" alt="" class="p_img">
</div>
</body>
</html>

版权声明:本篇文章来源于网络。 来源链接

相关推荐
CSS通过父元素选择子元素,选择第一个,第二个,最后一个,奇数偶数
DIV+CSS | 2017-07-27 1081
:first-child 选择器 选择属于其父元素的首个子元素的每个 <p> 元素,并为其设置样式: p:first-child { background-color:yellow; } 例子1 选择列表中的第一个 <li> 元素并设置其样式: li:first-child { backgroun...
&nbsp|&quot|&amp|&lt|&gt等html字符转义
DIV+CSS | 2017-05-18 944
提示:请直接按CTRL+F搜索您要查找的转义字符。 常用表: No. 文字表記 10進表記 16進表記 文字   Comment ...
评论:0条
评论加载中...
发表评论