top of page
  • Writer's pictureDivyansh S.

Two basic Things That Can Help You In Basic Website Building💖😜

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

18 views0 comments

Recent Posts

See All

Commenti


bottom of page