Advanced Search

CSS Big Glowing Txt

/ Published in: CSS
Save to your folder(s)
CSS Big Glowing Txt

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  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


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.