01.
<div
class
=
"banner"
>
02.
"clouds"
03.
<img src=
"img/cloud1.png"
style=
"--i:1"
04.
"img/cloud2.png"
"--i:2"
05.
"img/cloud3.png"
"--i:3"
06.
"img/cloud4.png"
"--i:4"
07.
"img/cloud5.png"
"--i:5"
08.
</div>
09.
.banner{
position: relative;
width: 100%;
height: 100vh;
background-image: url(
'../Sarakham2.jpg'
);
background-size: cover;
background-position: bottom;
}
10.
.banner .clouds{
11.
position: absolute;
12.
top: 0;
13.
left: 0;
14.
15.
height: 100%;
16.
overflow: hidden;
17.
18.
.banner .clouds img {
19.
20.
bottom: 0;
21.
max-width: 100%;
22.
animation: animate calc(8s *
var
(--i)) linear infinite;
23.
1.
2.
3.
4.
5.
6.
7.
8.
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง
