How to make logo and text in html and css. on December 21, 2021 Get link Facebook Twitter 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