Posted By

erikgeerling on 02/03/13


Tagged

text big Glow glowing glare


Versions (?)

Who likes this?

1 person have marked this snippet as a favorite

Beppoi


CSS Big Glowing Txt


 / Published in: CSS
 

CSS Big Glowing Txt

  1. <style>body { background-color:#E83A25;padding:50px; }
  2.  
  3. @media screen {
  4. @font-face {
  5. font-family: 'Alfa Slab One';
  6. font-style: normal;
  7. font-weight: 400;
  8. src: local('Alfa Slab One'), local('AlfaSlabOne-Regular'), url('http://themes.googleusercontent.com/static/fonts/alfaslabone/v2/Qx6FPcitRwTC_k88tLPc-fn8qdNnd5eCmWXua5W-n7c.woff') format('woff');
  9. }
  10. }
  11.  
  12. h2 {
  13. text-align:center;
  14. font-family:'Alfa Slab One','helvetica neue', helvetica, arial, sans-serif;
  15. font-size:10em;
  16. font-weight:400;
  17. /* Only bottom two lines are actually required fo the glow effect */
  18. color: #FFF;
  19. text-shadow: 0 0 150px #FFF, 0 0 60px #FFF, 0 0 10px #FFF;
  20. }</style>
  21.  
  22.  
  23. <!-------------------------------H2 Heading will be huge and glowing ! ---------------------------------------->

Report this snippet  

You need to login to post a comment.