English, asked by umeshkumar3133134, 8 months ago

@, what is the best birthday Present that you
wish for your birthday​

Answers

Answered by Sambhavs
3

Answer:

&lt;! Doctype html&gt;</p><p>&lt;html&gt;</p><p>&lt;head&gt;</p><p>&lt;title&gt;Clock&lt;/title&gt;</p><p>&lt;/head&gt;</p><p>&lt;body&gt;</p><p></p><p></p><p>&lt;div class="clock"&gt;&lt;/div&gt;</p><p></p><p>&lt;style&gt;</p><p>* {</p><p>*     margin: 0;</p><p>*         padding: 0;</p><p>*         }</p><p>.clock {</p><p>    position: absolute;</p><p>        width: 300px;</p><p>            height: 300px;</p><p>                border: 20px solid #b06a26;</p><p>                    border-radius: 50%;</p><p>                        left: 50%;</p><p>                            top: 50%;</p><p>                                background: #fefbf2;</p><p>                                    transform: translate(-50%, -50%);</p><p>                                        box-shadow: inset 0px 0px 10px black;</p><p>                                        }</p><p>.clock::before {</p><p>    position: absolute;</p><p>        content: '';</p><p>            height: 130px;</p><p>                width: 10px;</p><p>                    background: black;</p><p>                        top: 50%;</p><p>                            left: calc(50% - 5px);</p><p>                                border-radius: 5px;</p><p>                                    animation: spin 6s linear infinite;</p><p>                                        transform-origin: top;</p><p>                                        }</p><p>.clock::after {</p><p>    position: absolute;</p><p>        content: '';</p><p>            height: 100px;</p><p>                width: 10px;</p><p>                    background: black;</p><p>                        top: 50%;</p><p>                            left: calc(50% - 5px);</p><p>                                border-radius: 5px;</p><p>                                    animation: spin 72s linear infinite;</p><p>                                        transform-origin: top;</p><p>}</p><p></p><p>@keyframes spin {</p><p>    0% {</p><p>            transform: rotate(-180deg)</p><p>                }</p><p>                    100% {</p><p>                            transform: rotate(180deg)</p><p>                                }</p><p>                                }</p><p>body::before {</p><p>    content: '';</p><p>        position: absolute;</p><p>            width: 20px;</p><p>                height: 20px;</p><p>                 </p><p>    border-radius: 50%;</p><p>        background: #b06a26;</p><p>            left: 50%;</p><p>                top: 50%;</p><p>                    transform: translate(-50%, -50%);</p><p>                        z-index: 1;</p><p>}</p><p></p><p>body::after {</p><p>    content: '';</p><p>        position: absolute;</p><p>            width: 10px;</p><p>                height: 10px;</p><p>                    border-radius: 50%;</p><p>                        background: black;</p><p>                            left: 50%;</p><p>                                top: calc(50% - 145px);</p><p>                                    z-index: 2;</p><p>                                        transform: translateX(-50%);</p><p>                                            box-shadow: 140px 145px 0 0 black, -140px 145px 0 0 black, 0 280px 0 0 black;</p><p>                                            }</p><p>&lt;/style&gt;</p><p>&lt;/body&gt;</p><p>&lt;/html&gt;

Answered by Anonymous
0

love from parents.......

Similar questions