कलर बॉक्स

संपादक में खोलें Video अपना कोड प्रकाशित करें

अनुशंसित

7 September 2024

शुद्ध CSS3 स्टार वार्स लाइटसेबर चेकबॉक्स

28 July 2023

<html>
<head>
    <title>Color Generator</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
    <div class="container mt-5">
        <div class="row">
            <div class="col">
                <input type="text" id="inputColors" class="form-control mb-3" placeholder="Enter color(s)">
                <button onclick="generateColors()" class="btn btn-primary">Generate Colors</button>
            </div>
        </div>
        <div class="row mt-3">
            <div class="col">
                <div id="outputColors" class="color-box mt-3"></div>
            </div>
        </div>
    </div>

colors.forEach(color => {
                const colorBox = document.createElement("div");
                colorBox.style.backgroundColor = color;
                colorBox.classList.add("generated-color");
                outputColors.appendChild(colorBox);
            });
        }
    </script>

.generated-color {
            width: 50px;
            height: 50px;
            margin: 5px;
            border: 1px solid black;
        }
    </style>

कलर बॉक्स

अनुशंसित

HTML चैट बॉक्स टेम्पलेट

शुद्ध CSS3 स्टार वार्स लाइटसेबर चेकबॉक्स

सीएसएस टेक्स्ट कलर एनिमेशन

HTML

CSS

JS

अनुशंसित

HTML चैट बॉक्स टेम्पलेट

शुद्ध CSS3 स्टार वार्स लाइटसेबर चेकबॉक्स

सीएसएस टेक्स्ट कलर एनिमेशन

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS