<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<svg>
<filter id=lightA3>
<feGaussianBlur in='SourceAlpha' stdDeviation='3' result='B' />
<feSpecularLighting in='B' specularExponent='128' result='S'>
<feDistantLight azimuth='225' elevation='70' />
</feSpecularLighting>
<feComposite in='S' in2='SourceAlpha' operator='in' result='L' />
<feComposite in='SourceGraphic' in2='L' operator='arithmetic' k2='1' k3='1' />
</filter>
<filter id=in-and-out>
<feGaussianBlur stdDeviation='4' in='SourceAlpha' />
<feOffset result='fO' dy='5' dx='5' />
<feComposite in2='fO' operator='xor' in='SourceGraphic' />
</filter>
</svg>
<p data-text='Glass Text'>Glass Text</p>
See similar pens at <a href=https://codepen.io/nokiss/pens/popular target=_blank>Codepen</a>
<br> More text effects at <a href=http://users.atw.hu/nyejani/gallery/gallery.htm target=_blank>nokiss</a>
