CSS scrollbar

 .className::-webkit-scrollbar {
  width:9px;
}
 .className::-webkit-scrollbar-track {
  -webkit-border-radius:5px;
  border-radius:5px;
  background:rgba(0,0,0,0.1);
}
 .className::-webkit-scrollbar-thumb {
  -webkit-border-radius:5px;
  border-radius:5px;
  background:rgba(0,0,0,0.2);
}
 .className::-webkit-scrollbar-thumb:hover {
  background:rgba(0,0,0,0.4);
}
 .className::-webkit-scrollbar-thumb:window-inactive {
  background:rgba(0,0,0,0.05);
}

Comments

Post a Comment

Popular posts from this blog

TypeScrpt basics

+========= What is TypeScrpt ? ==========+ Typescript is not entirely new language , it 's a super set of JavaScript. that means any valid JS code is also valid typescript code . Additional feature : - -->      Strong Typing / static typing , -->      Object oriented features ( class , interfaces , constructors , access modified like public and private , fills , Properties , Generics and so on . ) -->      Compile time errors -->      great tooling ( i like Intelligence that we get in code editors ) -->      Typescript is a super set of JavaScript   Many Browser Transpile Our TS code , into JS . ++========= Use full Commands below ============++ ``` npm install -g typescript ( Install typescript Globally ) tsc -...
Read more

font-face HTTPS issue fixes

@font-face { font-family : 'Material Icons' ; font-style : normal ; font-weight : 400 ; src : url ( https://fonts.gstatic.com/s/materialicons/v38/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2 ) format ( 'woff2' ); } .material-icons { font-family : 'Material Icons' ; font-weight : normal ; font-style : normal ; font-size : 24px ; /* Preferred icon size */ display : inline-block ; line-height : 1 ; text-transform : none ; letter-spacing : normal ; word-wrap : normal ; white-space : nowrap ; direction : ltr ; /* Support for all WebKit browsers. */ -webkit-font-smoothing : antialiased ; /* Support for Safari and Chrome. */ text-rendering : optimizeLegibility ; /* Support for Firefox. */ -moz-osx-font-smoothing : grayscale ; /* Support for IE. */ font-feature-settings : 'liga' ; }
Read more