Advanced Search

CSS Gradient Shadow Radius

/ Published in: Other
Save to your folder(s)

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1.  
  2.  
  3.  
  4.  
  5. Gradient Fill
  6.  
  7. -------------------------------------------------
  8.  
  9. (White at top, black at bottom)
  10.  
  11.  
  12. background-image: -ms-linear-gradient(bottom, #000 0%, #fff 100%);
  13. background-image: -moz-linear-gradient(bottom, #000 0%, #fff 100%);
  14. background-image: -o-linear-gradient(bottom, #000 0%, #fff 100%);
  15. background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #000), color-stop(1, #fff));
  16. background-image: -webkit-linear-gradient(bottom, #000 0%, #fff 100%);
  17. background-image: linear-gradient(to top, #000 0%, #fff 100%);
  18.  
  19.  
  20. TEXT-SHADOW (x-offset y-offset blur color)
  21. -------------------------------------------------
  22.  
  23. text-shadow: 0px 0px 2px #000;
  24.  
  25. box-shadow: 0px 0px 2px #000;
  26.  
  27.  
  28. Border Raidus
  29.  
  30. -------------------------------------------------
  31.  
  32. border-radius: 5px;
  33.  
  34. border-radius: 5px 5px 5px 5px;
  35.  

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.