Side Scroll-Bar Design

-------------------------------------CSS-----------------------------------------
::-webkit-scrollbar{
    width : 25px;
    }
::-webkit-scrollbar-track{
    border : 7px solid #232943;
    box shadows : inset 0 0 2.5px 2px rgba(0,0,0,0,7)
    }
::-webkit-scrollbar-thumb{
    background : linear-gradient (
        45deg;
        #06dee1;
        #79ffbc;
        );
    }

Comments

Post a Comment

Popular posts from this blog

edistrict

  id: 100894661 prevpass: Chandan@1234 pass: Chandan@123             17/aug/2021 linked with: Adhaar: 490556476387 phone number: 8285281356 email id:  imjunior471@gmail.com pass: Chandan@123, 1-aug-2023
Read more

richTextEditor

  import   React   from   'react' ; import  { Editor ,  EditorState , getDefaultKeyBinding ,  RichUtils }  from   'draft-js' ; import    '../assets/StyleTextEditor.css' ; import   '../../node_modules/draft-js/dist/Draft.css' ; class   RichTextEditor   extends   React . Component  {       constructor (props) {         super ( props );         this . state   =  {editorState:  EditorState . createEmpty ()};         this . focus   =  ()  =>   this . refs . editor . focus ();         this . onChange   =  (editorState)  =>   this . setState ({ editorState });         this . handleKeyCommand   =   this . _handleKeyCommand . bind ( this ); ...
Read more

CSS-position property

  position:static; Element cannot be move from their position, that is element get fixed   position:relative; It helps move an element with respect to its original position. position:fixed: It moves the element with respect to the browser windows. The position of the element remains fixed even if we scroll the web page. The next element present after the position element takes the place of the element leaving no gap. position:absolute; It moves the element with respect to the nearest positioned ancestor element. Next element will take the gap. z-index; It is used to position an element along the z axis. It works only positioned on elements.
Read more