Math, asked by Sam9833, 9 months ago

If we don't have clock then how can we decide what time of the day is​

Answers

Answered by Anonymous
4

Answer:

By looking at the position of the sun , I would decide the time without clock.

&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;

Similar questions