Your Ad Here

advanced code snippet search

Posted By

jonahlyn on 01/04/10


Tagged


Versions (?)

Analyglyphic Text

 / Published in: CSS
 

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

Expand | Embed | Plain Text 
  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>

Report this snippet  

You need to login to post a comment.