วิธีทำตัวอักษรหรือข้อความบนพื้นหลังเปลี่ยนสีได้บน Google Sites (แบบที่ 4)
ฝัง
- เผยแพร่เมื่อ 28 ก.ย. 2024
- วิธีทำ #ตัวอักษรบนภาพเคลื่อนไหว บนเว็บ Google Sites (แบบที่ 4)
📌สนใจทำเว็บไซต์ หรือ #เรียนสร้างเว็บไซต์ด้วยตัวเอง
LINE : lin.ee/4zxWOcY
ขอขอบคุณโค้ดต้นฉบับที่นำมาดัดแปลงใช้ในคลิปนี้ครับ
codepen.io/alv...
#เว็บไซต์ #ทำเว็บไซต์ด้วยตัวเอง #สร้างเว็บไซต์ด้วยตัวเอง #GoogleSites #ทิปเทคนิค
🚩โค้ดอยู่ที่นี่ครับ
@keyframes color {
0% { background: #33CCCC; }
20% { background: #33CC36; }
40% { background: #B8CC33; }
60% { background: #FCCA00; }
80% { background: #33CC36; }
100% { background: #33CCCC; }
}
.m04 {
background: #33CCCC;
animation: color 8s infinite linear;
position: relative;
height: 100%;
overflow: hidden;
}
.m04_content {
font-family: impact;
font-size: 100px;
color: white;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
}
HELLO!!!