lsuchanek

## gist:b602ab436ac9f05660d9c15190f4fd7b
// Add on element with overflow
-webkit-mask-image: -webkit-radial-gradient(white, black);

## pseudo_elements.md

      
        
          
            
              
              1 file
            
          
          
            
              
              79 forks
            
          
          
            
              
              5 comments
            
          
          
            
              
              584 stars
            
          
        
        
          
              
          
          
            
                p3t3r67x0
                / pseudo_elements.md
            
            
              Last active
              January 16, 2024 01:17
            
              
                A CSS pseudo-element is used to style specified parts of an element. In some cases you can style native HTML controls with vendor specific pseudo-elements. Here you will find an list of cross browser specific pseudo-element selectors.
              
          
        
      
        
  
      
    Styling native elements

Native HTML controls are a challenge to style. You can style any element in the web platform that uses Shadow DOM with a pseudo element ::pseudo-element or the /deep/ path selector.
video::webkit-media-controls-timeline {
  background-color: lime;
}

video /deep/ input[type=range] {
	// Add on element with overflow
	-webkit-mask-image: -webkit-radial-gradient(white, black);