Advanced Search

Analyglyphic Text

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

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. <style>
  2.  
  3. h1{
  4.     display: inline;
  5.     position: relative;
  6.     font: 200px Helvetica, Sans-Serif;
  7.     letter-spacing: -5px;
  8.     color: rgba(0,0,255,0.5);
  9. }
  10.  
  11. h1:after{
  12.     content: "Hello";
  13.     position: absolute; left: 10px; top: 5px;
  14.     color: rgba(255,0,0,0.5);
  15. }
  16. </style>

URL: http://line25.com/tutorials/how-to-create-a-cool-anaglyphic-text-effect-with-css

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.