最近看到了阿里云那种悬浮移动的效果感觉挺不错的,就用了一点点时间去做了一下给刚入坑的同学一点点建议,写的不好,万望海涵
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>阿里云图片转动</title>
<style type="text/css">
*{
padding: 0px;
margin: 0px;
}
body{
/* background: #24282c*/
background: #fff;
}
#img-box{
/*background: linear-gradient(-180deg, rgba(55,60,65,0.00) 38%, #00DEFF 100%)*/
}
#img-box img{
width: 500px;
position: absolute;
/*transition: all .3s;*/
}
#img-box img:nth-of-type(1){
}
#img-box img:nth-of-type(2){
}
</style>
</head>
<body>
<div id="img-box">
<img id="img1" src="TB1aax.SpXXXXbe