Add Text Shadow to Slider Text

This article will show you some examples of Special Effects that can be applied on Text Layers

Text Shadows Style 1

.myclass {text-shadow: 4px 3px 0px #fff, 9px 8px 0px rgba(0,0,0,0.15);}

Text Shadows Style 2

.myclass {
  text-shadow:  
    -10px 10px 0px #6f6f6f, 
    -20px 20px 0px #a5a5a5, 
    -30px 30px 0px #d8d8d8;
}

Text Shadows Style 3

.myclass {
  text-shadow: 
      3px 3px 0 #7e7e7e, 
      4px 4px 0 #7e7e7e, 
      5px 5px 0 #7e7e7e, 
      6px 6px 0 #7e7e7e, 
      7px 7px 0 #7e7e7e, 
      8px 8px 0 #7e7e7e, 
      9px 9px 0 #7e7e7e, 
      10px 10px 0 #7e7e7e, 
      11px 11px 0 #7e7e7e, 
      12px 12px 0 #7e7e7e, 
      13px 13px 0 #7e7e7e, 
      14px 14px 0 #7e7e7e, 
      15px 15px 0 #7e7e7e, 
      16px 16px 0 #7e7e7e, 
      17px 17px 0 #7e7e7e, 
      18px 18px 0 #7e7e7e, 
      19px 19px 0 #7e7e7e, 
      20px 20px 0 #7e7e7e;
}

Text Shadows Style 4

.myclass {
  text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
}