History, asked by sharwin07, 7 months ago

harwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin sharwin s

Answers

Answered by jigyasa0310
6

Answer:

what's this?

&lt;!DOCTYPE html&gt;</p><p></p><p>&lt;html lang="en"&gt;</p><p></p><p>&lt;head&gt;</p><p></p><p>&lt;title&gt;Heart&lt;/title&gt;</p><p></p><p>&lt;/head&gt;</p><p></p><p>&lt;body&gt;</p><p></p><p>&lt;div class="center-on-page"&gt;</p><p></p><p>&lt;div class="heart pulse"&gt;&lt;/div&gt;</p><p></p><p>&lt;/div&gt;</p><p></p><p>&lt;style&gt;</p><p></p><p>body {</p><p></p><p>background: #e74c3c;</p><p></p><p>}</p><p></p><p>.center-on-page {</p><p></p><p>position: absolute;</p><p></p><p>top: 300px;</p><p></p><p>left: 50%;</p><p></p><p>transform: translate(-50%,-50%);</p><p></p><p>}</p><p></p><p>/* Heart styles */</p><p></p><p>.heart {</p><p></p><p>position: relative;</p><p></p><p>display: block;</p><p></p><p>width: 100px;</p><p></p><p>height: 100px;</p><p></p><p>background: #ecf0f1;</p><p></p><p>border-radius: 0 0 0 10px;</p><p></p><p>transform: rotate(-45deg);</p><p></p><p>animation: pulse 1s infinite;</p><p></p><p>}</p><p></p><p>.heart::before,</p><p></p><p>.heart::after {</p><p></p><p>position: absolute;</p><p></p><p>content: "";</p><p></p><p>width: 100px;</p><p></p><p>height: 100px;</p><p></p><p>background: #ecf0f1;</p><p></p><p>border-radius: 50%;</p><p></p><p>}</p><p></p><p>.heart::before {</p><p></p><p>top: -50px;</p><p></p><p>left: 0;</p><p></p><p>}</p><p></p><p>.heart::after {</p><p></p><p>top: 0;</p><p></p><p>right: -50px;</p><p></p><p>}</p><p></p><p>@keyframes pulse {</p><p></p><p>0%, 20% {</p><p></p><p>transform: rotate(-45deg) scale(1);</p><p></p><p>}</p><p></p><p>30% {</p><p></p><p>transform: rotate(-45deg) scale(1.2);</p><p></p><p>}</p><p></p><p>50% {</p><p></p><p>transform: rotate(-45deg) scale(1);</p><p></p><p>}</p><p></p><p>60% {</p><p></p><p>transform: rotate(-45deg) scale(1.1);</p><p></p><p>}</p><p></p><p>70%, 100% {</p><p></p><p>transform: rotate(-45deg) scale(1);</p><p></p><p>}</p><p></p><p>}</p><p></p><p>&lt;/style&gt;</p><p></p><p>&lt;/body&gt;</p><p></p><p>&lt;/html&gt;

Answered by Anonymous
6

Answer:

what's it..

..

..

..

.

..

..

Similar questions