An Interest In:
Web News this Week
- March 21, 2024
- March 20, 2024
- March 19, 2024
- March 18, 2024
- March 17, 2024
- March 16, 2024
- March 15, 2024
November 21, 2021 09:33 am GMT
Original Link: https://dev.to/snowbit/random-color-generator-3jbe
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:
Tweet
View Full Article
Dev To
An online community for sharing and discovering great ideas, having debates, and making friendsMore About this Source Visit Dev To