button background linear gradient html & css code | css tutorial for beginners

in this article you learn how to create a button html and CSS with gradient background color.

HTML Code start here ..

<button>button</button>

CSS code start here...

body{
    display: grid;
    place-items: center;
    height: 100vh;
    margin: 0;
}
button{
    min-width: 130px;
    max-width: 200px;
    min-height: 50px;
    border: none;
    outline: nono;
    color: #fff;
    background-color: #ee0979;
    background: linear-gradient(to right, #ee0979, #ff6a00);
}

Preview here..



Tags

Post a Comment

0 Comments
* Please Don't Spam Here. All the Comments are Reviewed by Admin.