Political Science, asked by vasundharasolanki81, 8 months ago

Germany ekikaran ki prakriya ka Sampark Samay Pata Lagaye

Answers

Answered by CleverBoi

$ <div class="container"> <div class="lamp"> <div class="stand"></div> <div class="bulb"></div> <input type="checkbox"> </div> </div> <style> body { background-color: purple; } </style> <style> body{ background-color:pink; padding: 0; margin: 0; } .container{ height: 550px; width: 350px; overflow: hidden; position: absolute; transform: translate(-50%,-50%); top:50%; left: 50%; } .lamp{ height: 30px; width: 140px; background-color: #040e15; border-radius: 8px 8px 0 0; position: absolute; bottom: 0; right: 15px; } .lamp:before{ content: ""; position: absolute; height: 5px; width: 60px; background-color:rgba(255,255,255,0.5); top: 8px; left: 8px; border-radius: 8px; } .stand{ height: 120px; width: 12px; background-color: #040e15; position: absolute; top: -110px; right: 35px; transform: rotate(20deg); z-index: -1; } .stand:before{ content: ""; height: 140px; width: 12px; background-color: #040e15; position: absolute; bottom: 85px; right: 56px; transform: rotate(-60deg); } .stand:after{ content: ""; position: absolute; height: 25px; width: 25px; background-color: #fee669; border-radius: 50%; left: -7px; bottom: 105px; } .bulb{ height: 50px; width: 100px; background-color: #fec93d; position: absolute; bottom: 205px; border-radius: 50px 50px 0 0; transform: rotate(45deg); left: -42px; } .bulb:before{ content: ""; position: absolute; height: 25px; width: 25px; background-color: #fec93d; border-radius: 50%; left: 45px; top: -15px; } .bulb:after{ content: ""; position: absolute; height: 10px; width: 110px; background-color: #fee669; top: 45px; right: -5px; border-radius: 5px; } input[type="checkbox"]{ -webkit-appearance:none; height: 12px; width: 18px; background-color: #fec93d; position: absolute; bottom: 26px; left: 15px; border-radius: 3px 3px 0 0; z-index: -1; outline: none; cursor: pointer; } input[type="checkbox"]:before{ content: ""; position: absolute; height: 0; width: 65px; border-bottom: 280px solid rgba(255,255,255,0.5); border-left: 45px solid transparent; border-right: 45px solid transparent; transform: rotate(45deg); bottom: -57px; right: 72px; display: none; } input[type="checkbox"]:checked{ height: 8px; } input[type="checkbox"]:checked:before{ display: block; } a{ color: white; font-family: "Rubik",sans-serif; position:absolute; right:20px ; top:20px; border:2px solid white; text-decoration:none; } @media screen and (min-width: 451px) { a{ font-size: 25px; padding:8px 12px 8px 12px; } } @media screen and (max-width: 450px) { a{ font-size: 18px; padding:5px 8px 5px 8px; } } </style> <!DOCTYPE html> <html> <head> <style> h1 { color: yellow; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; } </style> </head> <body> <h1> Press The Switch!</h1> </body> </html> <!DOCTYPE html> <html> <head> <style> h1 { color: yellow; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; } </style> </head> <body> <h1> I M SO COOL</h1> </body> </html> $

Previous Question

Next Question

Germany ekikaran ki prakriya ka Sampark Samay Pata Lagaye ​

Answers

Germany ekikaran ki prakriya ka Sampark Samay Pata Lagaye