The Simple Web (Copy 12247)
✨ นายศุภณัฐ แก้วกุลศรี
<html> <head> <title>Let's Start</title> <style> body{ background:#000; font-family:sans-serif; margin:0; } #space{ background:linear-gradient(to bottom, hsl(280,100%,50%), hsl(250,100%,50%) , hsl(200,100%,50%) , hsl(180,100%,50%) ); height:400em; width:600px; margin:auto; position:relative; } #rocket{ transform:rotatez(-45deg); height:200; width:200; position:sticky; margin:auto; top:65%; left:calc(50% - (200/2)); } </style> </head> <body> <div id="space"> <div id="rocket"> <img src="https://cdn-icons.flaticon.com/png/512/2196/premium/2196199.png?token=exp=1644307637~hmac=c54f44d4a5bc5571d615e80129164a66" height="200px"> </div> </div> </body> </html>