English, asked by diyatamta64, 9 months ago

विकास द गर्ल्स वर्ल्ड एट द मॉल डिड नॉट सी द फाइट ऑफ टू टाइगर व्हिच टाइप ऑफ सेंटेंस​

Answers

Answered by Anonymous
2

Answer:

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

Similar questions