Happy New Year (Branch 3667)
✨ นางสาวเกษมณี สถิตวิภารวงศ์
<html> <head> <title>Let's Start </title> <style> body{ margin:3em; text-align:center; } .bar{ display:inline-block; color:red; padding:7em 1em 1em; animation:; transform-origin:0 0; animation-delay:; box-shadow:0px -20px 20px inset #f803; transform:perspective(3px) rotatex(0deg); background:hsl(45,100%,50%); } .row{ transform-style:preserve-3d; transform:perspective() rotatey() rotatex(); } @keyframes ani{ from{ /* transform:; */ /* background:; */ } to{ /* transform:; */ /* background:; */ } } </style> </head> <body> <div class="row"> <div class="bar" style="--i:1"> H </div> <div class="bar" style="--i:2"> A </div> <div class="bar" style="--i:3"> P </div> <div class="bar" style="--i:4"> P </div> <div class="bar" style="--i:5"> Y </div> <div class="bar" style="--i:6"> N </div> <div class="bar" style="--i:7"> E </div> <div class="bar" style="--i:8"> W </div> <div class="bar" style="--i:9"> Y </div> <div class="bar" style="--i:10"> E </div> <div class="bar" style="--i:11"> A </div> <div class="bar" style="--i:12"> R </div> </div> </body> </html>