Glass Text Effect CSS HTML Code

IRON MAN

HTML CODE:

				
					<style>
  h2 {}
  
  #glass-text {
    text-shadow: 1 1 .7px, 0 0 1.1px, 0 0 1.1px;
    filter: url(#in-and-out);
  }
  
  #glass-text:before,
  #glass-text:after {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    content: attr(data-text);
  }
  
  #glass-text:before {
    color: #000 ;
    text-shadow: -1px -1px 1px, 0 -1px 1px, 1px -1px 1px, 1px 0 1px, 1px 1px 1px, 0 1px 1px, -1px 1px 1px, -1px 0 1px;
  }
  
  #glass-text:after {
    color: rgba(234, 234, 234, .9);
    filter: url(#lightA3);
  }
</style>

<h2>
  <svg style="position: absolute; width: 0; height: 0;">
    <defs>
      <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>
    </defs>
  </svg>

</h2>
				
			

CSS ID: glass-text

alt="Image Behind Title" alt="Glass Text Effect CSS HTML Code" alt="Elementor Card Slide Down Animation On Hover Code" alt="Colour Picker Code"