How to make logo and text in html and css. on December 21, 2021 Get link Facebook X Pinterest Email Other Apps How to make logo and text in Html and css only Html part <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>new</title> <link rel="stylesheet" href="style.css"> </head> <body> <div class="new"> <div class="logo"><p>T</p></div> <div class="text"> <h1>Hello</h1> </div> </div> </body> </html> CSS part *{ margin: 0; padding: 0; box-sizing: border-box; } body{ min-height: 100vh; background: #333; margin-top: 150px; /* margin-left: 150px; */ } .new{ background: transparent; width: 100%; height: auto; box-shadow: 10px 15px 20px red, -10px -15px 20px red ; display: flex; justify-content: center; align-items: center; } .logo{ width: 50px; height: 50px ; border-top-left-radius: 160%; border-top-right-radius: 100%; background: #fff; position: relative; right: 130px; } p{ font-size: 60px; font-family: sans-serif; position: relative; left: 8px; bottom: 3px; color: rgb(245, 14, 14); } .text{ font-size: 40px; color:#fff; text-shadow: 10px 11px 21px #000; position: relative; left: -50px; } Comments
Comments
Post a Comment