web前端全系列 教程
1839个小节阅读:2244.1k
鸿蒙应用开发
C语言快速入门
JAVA全系列 教程
面向对象的程序设计语言
Python全系列 教程
Python3.x版本,未来主流的版本
人工智能 教程
顺势而为,AI创新未来
大厂算法 教程
算法,程序员自我提升必经之路
C++ 教程
一门通用计算机编程语言
微服务 教程
目前业界流行的框架组合
web前端全系列 教程
通向WEB技术世界的钥匙
大数据全系列 教程
站在云端操控万千数据
AIGC全能工具班
A A
White Night
xxxxxxxxxx
<div class="container">
<img class="img1" src="https://www.itbaizhan.com/wiki/images/1.jpeg" alt="美女">
<img class="img2" src="https://www.itbaizhan.com/wiki/images/2.jpeg" alt="美女">
<img class="img3" src="https://www.itbaizhan.com/wiki/images/3.jpeg" alt="美女">
<img class="img4" src="https://www.itbaizhan.com/wiki/images/4.jpeg" alt="美女">
<img class="img5" src="https://www.itbaizhan.com/wiki/images/5.jpeg" alt="美女">
<img class="img6" src="https://www.itbaizhan.com/wiki/images/6.webp" alt="美女">
<img class="img7" src="https://www.itbaizhan.com/wiki/images/7.jpeg" alt="美女">
<img class="img8" src="https://www.itbaizhan.com/wiki/images/8.jpg" alt="美女">
<img class="img9" src="https://www.itbaizhan.com/wiki/images/9.jpeg" alt="美女">
<img class="img10" src="https://www.itbaizhan.com/wiki/images/10.jpeg" alt="美女">
</div>
xxxxxxxxxx
.container{
width: 960px;
height: 600px;
/* background-color: red; */
margin: 0 auto;
position: relative;
}
.container img{
width: 200px;
border: 10px solid #f1f1f1;
position: absolute;
}
.img1{
transform: rotate(10deg);
top: 0;
left: 375px;
}
.img2{
transform: rotate(-10deg);
top: 20px;
left: 200px;
}
.img3{
transform: rotate(-20deg);
top: 40px;
left: 700px;
}
.img4{
transform: rotate(-5deg);
top: 30px;
left: 500px;
}
.img5{
transform: rotate(20deg);
top: 50px;
left: 10px;
}
.img6{
transform: rotate(-5deg);
top: 160px;
left: 350px;
}
.img7{
transform: rotate(-5deg);
top: 300px;
left: 0px;
}
.img8{
transform: rotate(5deg);
top: 270px;
left: 180px;
}
.img9{
transform: rotate(-10deg);
top: 290px;
left: 370px;
}
.img10{
transform: rotate(20deg);
top: 280px;
left: 600px;
}