Color Generator | HTML | CSS | jQuery
if you need to pick a color or something you must know that you can make for your own
----------------------------------------------------------------------------------------------------------------------------
style.css -------- The Code
body {
margin: 0;
padding: 0;
background-color: #12adef;
display: flex;
justify-content: flex-start;
align-items: center;
flex-direction: column;
min-height: 100vh;
}
h3 {
text-align: center;
font-family: righteous;
text-transform: uppercase;
font-weight: 600;
color: #fff;
font-size: 30px;
letter-spacing: 3px;
}
p {
text-align: center;
font-family: poppins;
text-transform: capitalize;
color: #fff;
}
.color_code {
margin-top: 40px;
width: 400px;
height: 40px;
border-radius: 100px;
background-color: #fff;
display: flex;
justify-content: center;
align-items: center;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.45);
padding: 0px 20px;
}
.color_code .color_txt {
font-family: righteous;
font-size: 10px;
}
.btn {
display: flex;
justify-content: center;
align-items: center;
margin: 40px;
}
.btn button:nth-child(1) {
border: none;
outline: none;
padding: 10px 23px;
margin: 0px 20px;
text-transform: uppercase;
font-family: poppins;
background-color: white;
border-radius: 3px;
font-weight: 600;
cursor: pointer;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.45);
}
.btn button:nth-child(2) {
border: none;
outline: none;
padding: 10px 10px;
margin: 0px 20px;
text-transform: uppercase;
font-family: poppins;
background-color: white;
border-radius: 3px;
font-weight: 600;
cursor: pointer;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.45);
}
-------------------------------Copy into your Code-----------------------------------------------------
On this page of the site you can watch the video online Color Generator | HTML | CSS | jQuery with a duration of hours minute second in good quality, which was uploaded by the user COMPLEX CODING 05 December 2019, share the link with friends and acquaintances, this video has already been watched 85 times on youtube and it was liked by 3 viewers. Enjoy your viewing!
