วิธีทำพื้นหลังแบบไล่สี บนเว็บ Google Sites (แบบที่ 5)
ฝัง
- เผยแพร่เมื่อ 6 ก.ย. 2024
- วิธีทำ #แบคกราวน์ไล่สี หรือ #พื้นหลังแบบไล่สี บนเว็บ Google Sites (แบบที่ 5)
📌ชื่อและรหัสสีที่ใช้ในโค้ด
htmlcolorcodes...
📌สนใจทำเว็บไซต์ หรือ #เรียนสร้างเว็บไซต์ด้วยตัวเอง คลิ๊กลิงค์นี้
LINE : lin.ee/4zxWOcY
ขอขอบคุณโค้ดต้นฉบับที่นำมาดัดแปลงใช้ในคลิปนี้ครับ
codepen.io/chr...
#เว็บไซต์ #ทำเว็บไซต์ด้วยตัวเอง #สร้างเว็บไซต์ด้วยตัวเอง #GoogleSites #ทิปเทคนิค
ขอบคุณมากๆนะคะอ.เอ็ม❤️
ยินดีมากๆครับ
🚩โค้ดที่ใช้ตรงนี้นะครับ
.bg {
animation:slide 3s ease-in-out infinite alternate;
background-image: linear-gradient(-60deg,
/* สีที่ใช้แสดง */
green 50%,
yellow 50%);
bottom:0; left:-50%; opacity:.5; position:fixed; right:-50%; top:0; z-index:-1;
}
h1 { font-family:tahoma; }
.bg2 { animation-direction:alternate-reverse; animation-duration:4s; }
.bg3 { animation-duration:5s;}
.content {
background-color:rgba(255,255,255,.8);
border-radius:1em;
box-shadow:0 0 1em rgba(0,0,0,.25);
box-sizing:border-box;
left:50%;
padding:10vmin;
position:fixed;
text-align:center;
top:50%;
transform:translate(-50%, -50%);
}
@keyframes slide {0% { transform:translateX(-25%); }100% { transform:translateX(25%); }}
สอบถามข้อมูลเพิ่มเติม