Your Web News in One Place

Help Webnuz

Referal links:

Sign up for GreenGeeks web hosting
November 21, 2021 09:33 am GMT

Random Color Generator in HTML CSS and JS

Hello everyone, I am back here with an amazing article

In this article, I am going to talk about creating a Random Color Article which might help you to improve your front end dev skills.

Purpose of making this

  • You will feel more self-confident
  • If you are a beginner you will learn something new from this tutorial, and if you are not a beginner then you will just practice a new thing

So, let's gets started

Make sure to check out this video

  • In index.html
<div class="container">        <center>            <div id="color" onclick="getRandomColor()"></div>        </center>    </div>
  • In style.css
#color {    position: absolute;    left: 50%;    top: 50%;    -webkit-transform: translate(-50%, -50%);    transform: translate(-50%, -50%);    font-size: 90px;    font-weight: 900;    mix-blend-mode: difference;    cursor: pointer;}

For JavaScript, make sure to check out the video

Congrats you have made Random Color Generator in HTML CSS and JavaScript


Original Link: https://dev.to/snowbit/random-color-generator-3jbe

Share this article:    Share on Facebook
View Full Article

Dev To

An online community for sharing and discovering great ideas, having debates, and making friends

More About this Source Visit Dev To