top of page

Two basic Things That Can Help You In Basic Website BuildingšŸ’–šŸ˜œ

  • Writer: Divyansh S.
    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; 
}

Ā 
Ā 
Ā 

Recent Posts

See All

Comentarios


bottom of page