(แก้ตรงนี้เป็นชื่อพี่หัวตี้เลย) (Copy 1754) (Copy ..
✨ veerawat boontham
<html> <head> <title>Let's Start </title> <style> body{ background:#001; margin:0; } @keyframes staranimate{ from{opacity:.2} to{opacity:1} } .star{ position:absolute; width:0.5em; height:0.5em; border-radius: 50%; background:white; opacity:1; box-shadow:0px 0px 20px 10px #ff03; animation:staranimate 1s infinite alternate; } .bigstar{ position:absolute; width:0.7em; height:0.7em; border-radius: 50%; background:white; opacity:1; box-shadow:0px 0px 20px 10px #ff03; animation:staranimate 3s infinite alternate; } .star:nth-child(1){ top:30%; left:80%; } .star:nth-child(2){ top:80%; left:60%; } .star:nth-child(3){ top:10%; left:20%; } .star:nth-child(4){ top:70%; left:10%; } .star:nth-child(5){ top:60%; left:50%; } .star:nth-child(6){ top:20%; left:70%; } .star:nth-child(7){ top:50%; left:20%; } .bigstar:nth-child(8){ top: 40%; left:20%; } .bigstar:nth-child(9){ top: 61%; left:40%; } .bigstar:nth-child(10){ top: 30%; left:40%; } .bigstar:nth-child(11){ background-color: white; top: 10%; left:70%; } .bigstar:nth-child(12){ top: 20%; left:25%; } .bigstar:nth-child(13){ bottom: 20%; right:25%; } .bigstar:nth-child(14){ bottom: 50%; right: 55%; } .bigstar:nth-child(15){ bottom: 45%; right: 15%; } .bigstar:nth-child(16){ bottom: 0%; right: 15%; } .star:nth-child(17){ top:2%; left:29%; } .star:nth-child(18){ bottom:2%; right:29%; } .star:nth-child(18){ bottom:0%; right:69%; } .star:nth-child(19){ bottom:25%; right:55%; } .star:nth-child(20){ bottom:35%; right:45%; } .bigstar:nth-child(21){ bottom: 75%; right: 15%; } .bigstar:nth-child(22){ bottom: 15%; right: 45%; } .bigstar:nth-child(23){ bottom: 95%; right: 29%; } .bigstar:nth-child(24){ bottom: 36%; right: 62%; } .bigstar:nth-child(25){ bottom: 29%; right: 68%; } .bigstar:nth-child(26){ bottom: 17%; right: 23%; } .bigstar:nth-child(27){ bottom: 69%; right: 33%; } .bigstar:nth-child(28){ bottom: 2%; right: 79%; } .bigstar:nth-child(29){ bottom: 18%; right: 8%; } .star:nth-child(30){ bottom:10%; right:29%; } .star:nth-child(31){ bottom:40%; right:6%; } .star:nth-child(32){ bottom:40%; right:26%; } .star:nth-child(33){ bottom:11%; right:91%; } .star:nth-child(34){ bottom:81%; right:39%; } .star:nth-child(35){ bottom:56%; left:72%; } .star:nth-child(36){ bottom:44%; left:28%; } .star:nth-child(37){ bottom:22%; left:25%; } .star:nth-child(38){ top:35%; left:38%; } .star:nth-child(39){ top:16%; left:85%; } .star:nth-child(40){ top:42%; left:54%; } </style> </head> <body> <div class="star"> </div> <div class="star"> </div> <div class="star"> </div> <div class="star"> </div> <div class="star"> </div> <div class="star"> </div> <div class="star"> </div> </div> <div class="bigstar"> </div> <div class="bigstar"> </div> <div class="bigstar"> </div> <div class="bigstar"> </div> <div class="bigstar"> </div> <div class="bigstar"> </div> <div class="bigstar"> </div> <div class="bigstar"> </div> <div class="bigstar"> </div> <div class="star"> </div> <div class="star"> </div> <div class="star"> </div> <div class="star"> </div> <div class="bigstar"> </div> <div class="bigstar"> </div> <div class="bigstar"> </div> <div class="bigstar"> </div> <div class="bigstar"> </div> <div class="bigstar"> </div> <div class="bigstar"> </div> <div class="bigstar"> </div> <div class="bigstar"> </div> <div class="star"> </div> <div class="star"> </div> <div class="star"> </div> <div class="star"> </div> <div class="star"> </div> <div class="star"> </div> <div class="star"> </div> <div class="star"> </div> <div class="star"> </div> <div class="star"> </div> <div class="star"> </div> </body> </html>