Computer Science, asked by HackerzZ7166, 9 months ago

B. Match the columns.1. plateaua. rapidsb. peak2. desertC. lowland3. riverd. sand dunes4. plaine. tableland5. mountain​

Answers

Answered by aishi2020
7

&lt;!DOCTYPE html&gt;</p><p></p><p>&lt;html&gt;</p><p></p><p>&lt;head&gt;</p><p></p><p>&lt;title&gt;CSS Heart Animation&lt;/title&gt;</p><p></p><p>&lt;style&gt;.back{</p><p></p><p>position:fixed;</p><p></p><p>margin:auto;</p><p></p><p>width:100%;</p><p></p><p>heart:100%;</p><p></p><p>top:0;</p><p></p><p>bottom:0;</p><p></p><p>left:0;</p><p></p><p>right:0;</p><p></p><p>padding:0;</p><p></p><p>background-color:white;</p><p></p><p>animation-name:back;</p><p></p><p>animation-duration:3s;</p><p></p><p>animation-iteration-count:infinite;</p><p></p><p>}</p><p></p><p>.heart{</p><p></p><p>background-color:pink;</p><p></p><p>margin:50% auto;</p><p></p><p>top:0;</p><p></p><p>bottom:0;</p><p></p><p>right:0;</p><p></p><p>left:0;</p><p></p><p>padding:0;</p><p></p><p>height:50px;</p><p></p><p>width:50px;</p><p></p><p>transform:rotate(-45deg);</p><p></p><p>animation-name:heart;</p><p></p><p>animation-duration:3s;</p><p></p><p>animation-timing-function:ease-out;</p><p></p><p>animation-iteration-count:infinite;</p><p></p><p>}</p><p></p><p>.heart:before,.heart:after{</p><p></p><p>background-color:pink;</p><p></p><p>position:absolute;</p><p></p><p>content:"";</p><p></p><p>width:50px;</p><p></p><p>height:50px;</p><p></p><p>border-radius:50%;</p><p></p><p>}</p><p></p><p>.heart:before{</p><p></p><p>left:25px;</p><p></p><p>}</p><p></p><p>.heart:after{</p><p></p><p>left:0;</p><p></p><p>top:-25px;</p><p></p><p>}</p><p></p><p>@keyframes heart{</p><p></p><p>0%{</p><p></p><p>transform:scale(1)rotate(-45deg);</p><p></p><p>}</p><p></p><p>50%{</p><p></p><p>transform:scale(0.6)rotate(-45deg);</p><p></p><p>}</p><p></p><p>}</p><p></p><p>@keyframes back{</p><p></p><p>0%{</p><p></p><p>background-color:white;</p><p></p><p>opacity:1;</p><p></p><p>}</p><p></p><p>50%{</p><p></p><p>background-color:#ff0099;</p><p></p><p>}</p><p></p><p>}&lt;/style&gt;</p><p></p><p>&lt;/head&gt;</p><p></p><p>&lt;body&gt;</p><p></p><p>&lt;div class="back"&gt;&lt;/div&gt;</p><p></p><p>&lt;div class="heart"&gt;&lt;/div&gt;</p><p></p><p>&lt;/body&gt;</p><p></p><p>&lt;/html&gt;

Answered by krishna02299
3

Answer:

&lt;!DOCTYPE html&gt;</p><p></p><p>&lt;html&gt;</p><p></p><p>&lt;head&gt;</p><p></p><p>&lt;title&gt;CSS Heart Animation&lt;/title&gt;</p><p></p><p>&lt;style&gt;.back{position:fixed; margin:auto; width:100%; heart:100%; top:0; bottom:0; left:0; right:0; padding:0; background-color:white; animation-name:back; animation-duration:3s; animation-iteration-count:infinite;}</p><p></p><p>.heart{background-color:pink; margin:50% auto; top:0; bottom:0; right:0; left:0; padding:0; height:50px; width:50px; transform:rotate(-45deg); animation-name:heart; animation-duration:3s; animation-timing-function:ease-out; animation-iteration-count:infinite;}</p><p></p><p>.heart:before,.heart:after{background-color:pink; position:absolute;content:"";width:50px; height:50px; border-radius:50%;}</p><p></p><p>.heart:before{left:25px;}</p><p></p><p>.heart:after{left:0;top:-25px;}</p><p></p><p>@keyframes heart{0%{ transform:scale(1)rotate(-45deg);}</p><p></p><p>50%{transform:scale(0.6)rotate(-45deg);}}</p><p></p><p>@keyframes back{0%{background-color:white;opacity:1;}</p><p></p><p>50%{background-color:#ff0099;}}</p><p></p><p>&lt;/style&gt;</p><p></p><p>&lt;/head&gt;</p><p></p><p>&lt;body&gt;</p><p></p><p>&lt;div class="back"&gt;&lt;/div&gt;</p><p></p><p>&lt;div class="heart"&gt;&lt;/div&gt;</p><p></p><p>&lt;/body&gt;</p><p></p><p>&lt;/html&gt;

Previous Question
Next Question
Similar questions
Physics, 4 months ago
obtain an Express for the position vector of centre of mass of system of n particle in one dimension​...
Biology, 4 months ago
Which structure is responsible for carrying male gamete towards the female gamete in Hibiscus? 1...Style 2...Stamen 3....Pollen tube 4...Ovule​...
Math, 4 months ago
find the Zero of the polynomial x²+x-2 and verify the relation between the coefficients and the Zero of the polynomial​...
English, 9 months ago
Write two sentences about any of the two fairs given below. 1. Bhavnath...
Math, 9 months ago
The solutions for pair of equations x-y=2 and x+y=4, is x=a, and y=b then values of a and b are...
History, 1 year ago
What is a subcontinent ? What 2 features that make India a subcontinent...
Accountancy, 1 year ago
withdrew 2000 for personal use ​...
English, 1 year ago
Money can't buy happiness or love...