Two basic Things That Can Help You In Basic Website Buildingšš
- Divyansh S.
- Apr 26, 2021
- 1 min read
Gradient Border Box
Creating A Gradient Border In A Box You Must Need To Have At Least Two Colors(If You Don't Know How TO Have A Gradient Color Go To UI Gradients Or āGoogle Gradient Generatorā)
So to create a gradient border box we first need to have a box (I Took 200px Yourās Can Differ)
<!---HTML----!>
class="box"></div>
/*====CSS====*/
* {
margin:0;
padding:0;
box-sizing: border-box;
background: #262626;
}
.box {
width:200px;
height:200px;
border:14px solid black;
border-image:linear-gradient(45deg ,#ba8b02, #181818);
border-image-slice: 1;
}
Scroll Bar Color Change
In Different Website You Must Have Seen Different Kind Of Scroll Bar Some Have The Default And Some Website Has Differently Customized Scroll Bar Use The Following Code To Customize The Scroll Bar
/*====CSS====*/
::-webkit-scrollbar {
width: 10px;
}
::-webkit-scrollbar-track {
border-radius: 10px;}
box-shadow: 5px grey;
}
::-webkit-scrollbar-thumb {
border-radius: 10px;
background: blue;
}
::-webkit-scrollbar-thumb:hover {
background: lightblue;
}
Comentarios