css3中scale的效果

最新推荐文章于 2023-08-06 17:03:05 发布

elena_0117

最新推荐文章于 2023-08-06 17:03:05 发布

阅读量2.3k

点赞数

分类专栏： css3 文章标签： css3 scale

本文链接：https://blog.csdn.net/elena20170326/article/details/73724664

版权

css3 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
	     div{
	     
	       width:400px;
	      	height:300px;
	      	 border: #000 solid 1px;  
                margin: 50px auto;  
                overflow: hidden; 
	     }
	      img{
	      	width:400px;
	      	height:300px;
	      	
	      	transition:all 0.6s;
	      }
	      	img:hover{transform:scale(1.4);}


	</style>
</head>
<body>
	<div>
	   <img src="coffee.jpg" alt="图片加载失败" title="coffee">		
	</div>
</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

elena_0117

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
css3中scale的效果

Document div{ width:400px; height:300px; border: #000 solid 1px; margin: 50px auto; overflow: hidden; } img{
复制链接

扫一扫