郑州网站优化

,郑州seo,郑州百度优化,郑州网络推广,选择路普科技,10年为企业网站优化助力!


您当前位置:首页 > SEO技巧 > 网站布局 >

【图片特效】CSS3实现鼠标移动到图片上图片逐渐变大

发布时间:2017-10-08 标签: 浏览量:
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>郑州网站优化-公司-图片放大特效,从远到近</title>
		<style type="text/css">
			div{
				width: 200px;
				height: 200px;
				border: #000 solid 1px;
				margin: 50px auto;
				overflow: hidden;
			}
			div img{
				cursor: pointer;
				transition: all 0.6s;
			}
			div img:hover{
				transform: scale(1.4);
			}
		</style>
	</head>
	<body>
		<div>
			<img src="/img/logo.jpg" />
		</div>
	</body>
</html>

直接上代码!本文用到的【高亮代码插件下载

使用css3的效果

使用前

qian.jpg

使用后

hou.jpg

版权声明:本站文章,由 郑州路普科技整理发表(信息来自互联网,不代表本站观点),如有冒犯请联系删除
网页标签:
上一篇:没有了
下一篇:没有了
相关阅读

服务城市
欢迎致电或者QQ咨询路普公司,我们专注企业网站优化服务!
提供网站优化、关键词排名、企业网站优化、SEO整站优化、站内站外优化等网站优化服务!

电话:0371-87535353
地址:郑州市花园路59号21世纪新楼中楼1#8001 豫ICP备10210721号-4
郑州网站优化,郑州网站优化公司,郑州关键词优化,郑州关键词排名,郑州百度优化专业的网络公司,助力企业快速提升目标客户转化率