वास्तविकता को कोड करना

अनुशंसित

15 May 2025

अलेजांद्रोकुन्द्राह द्वारा लिखित 'ए कोड'

HTML

CSS

.container {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    background: linear-gradient(to bottom, #ff9999, #ffcc99); /* Background gradient */
    }

.world {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background: #fff;
    animation: spin 3s linear infinite;
    }

@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
    }

.planet {
    position: absolute;
    width: 50px;
    height: 50px;
    background: #ccc;
    border-radius: 50%;
    animation: orbit 5s ease-in-out infinite;
    }

.planet:nth-child(1) {
    animation-delay: 0s;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    }

.planet:nth-child(2) {
    top: 70px;
    left: 20px;
    }

.planet:nth-child(3) {
    top: 20px;
    left: 80px;
    }

@keyframes orbit {
    0% { transform: translate(0, 0); }
    100% { transform: translate(50px, 0);}
    }

वास्तविकता को कोड करना

अनुशंसित

facontheo1 द्वारा एक कोड

Liamgilles76 द्वारा एक कोड

अलेजांद्रोकुन्द्राह द्वारा लिखित 'ए कोड'

HTML

CSS

JS

अनुशंसित

facontheo1 द्वारा एक कोड

Liamgilles76 द्वारा एक कोड

अलेजांद्रोकुन्द्राह द्वारा लिखित 'ए कोड'

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS