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;
}
Commenti