010京东过渡效果

最新推荐文章于 2024-01-02 22:08:51 发布

陀陀吖

最新推荐文章于 2024-01-02 22:08:51 发布

阅读量125

点赞数

分类专栏： h5c3

本文链接：https://blog.csdn.net/weixin_40422393/article/details/88937569

版权

h5c3 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>过渡</title>
	<style>
		div{
			width: 244px;    /*宽度要比立面的img的宽度小*/
			height: 122px;   /*高度要比立面的img的高度小*/
			overflow: hidden;
			border: 1px solid red;
		}
		div img{
			width: 254;
			height: 132px;
			transition:all 1s;   /*给过渡效果*/
		} 
		div:hover img{
			margin-left: -10px;      /*让图片向左移动10px*/
		}
	</style>
</head>
<body>
	<div><img src="icon3.png" alt=""></div>
</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

陀陀吖

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
010京东过渡效果

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>过渡</title> <style> div{ width: 244px; /*宽度要比立面的img的宽度小*/ height: 122px; ...
复制链接

扫一扫