English, asked by himuik1111, 9 months ago

plz..Tell me correct answer guys . 1.complete the following sentences . plz tell correct answer guys​

Attachments:

Answers

Answered by Sambhavs
2

Answer:

Coffe

&lt;! Doctype html&gt;</p><p>&lt;html&gt;</p><p>&lt;head&gt;</p><p>&lt;title&gt;Coffe cup &lt;/title&gt;</p><p>&lt;/head&gt;</p><p>&lt;body&gt;</p><p></p><p>&lt;div class="coffee-cont"&gt;</p><p>  &lt;div class="coffee-cup"&gt;&lt;/div&gt;</p><p>  &lt;div class="coffee-hand"&gt;&lt;/div&gt;</p><p>  &lt;div class="coffee-tasse"&gt;&lt;/div&gt;</p><p>&lt;/div&gt;</p><p>&lt;style&gt;</p><p>.coffee-cont {</p><p>  width: 500px; </p><p>  height: 500px;</p><p>  margin: 0 auto;</p><p>  position: relative;</p><p>}</p><p></p><p>.coffee-cup {</p><p>  position: absolute;</p><p>  width: 250px;</p><p>  height: 190px;</p><p>  margin: 0 auto;</p><p>  background: radial-gradient(circle,rgba(208, 208, 208, 1) 5%,rgba(189, 189, 189, 1) 51%);</p><p>  border-radius: 0 0 150px 150px;</p><p>  position: relative;</p><p>  top: 50%;</p><p>}</p><p>.coffee-cup::before {</p><p>  content: '';</p><p>  display: block;</p><p>  height: 30px;</p><p>  width: 230px;</p><p>  position: absolute;</p><p>  border-radius: 50%;</p><p>  background: radial-gradient(circle,rgba(132, 102, 76, 1) 5%,rgba(86, 44, 8, 1) 96%);</p><p>  top: -7px;</p><p>  left: 10px;</p><p>  z-index: 9;</p><p>}</p><p></p><p>.coffee-cup::after{</p><p>  content: '';</p><p>  display: block;</p><p>  height: 45px;</p><p>  width: 242px;</p><p>  position: absolute;</p><p>  border-radius: 50%;</p><p>  background: #cccccc;</p><p>  top: -25px;</p><p>  left: -1px;</p><p>  border: 5px solid #e6e6e6</p><p>  }</p><p></p><p>.coffee-hand{</p><p>  width: 52px;</p><p>  height: 32px;</p><p>  position: absolute;</p><p>  background: #ffffff;</p><p>  border-radius: 32px;</p><p>  transform: rotate(-36deg);</p><p>  z-index: -1;</p><p>  border: 15px solid #dbdbdb;</p><p>  top: 56%;</p><p>  left: 66%;</p><p>}</p><p>.coffee-tasse{ </p><p>  width: 400px;</p><p>  top: 68%;</p><p>  left: 10%;</p><p>  height: 139px;</p><p>  background: radial-gradient(circle,rgba(69, 69, 69, 1) 13%,rgba(176, 176, 176, 1) 45%,rgba(143, 141, 141, 1) 96%);</p><p>  border-radius: 50%;</p><p>  position: absolute;</p><p>  z-index: -1;</p><p>  border: 2px solid #f0f0f0;</p><p>  box-shadow: 1px 3px 0px 1px #323232;</p><p>}</p><p>.coffee-tasse::after{</p><p>  content: '';</p><p>  display: block;</p><p>  width: 405px;</p><p>  top: 68%;</p><p>  border-radius: 50%;</p><p>  height: 145px;</p><p>  background: transparent;</p><p>  box-shadow: 2px 5px 8px 3px #bababa;</p><p>}</p><p>&lt;/style&gt;</p><p>&lt;/body&gt;</p><p>&lt;/html&gt;

Similar questions