Ever wondered how to produce a kinda realistic text rendering on the web using CSS? Check out this brilliant Codepen demo created by Lucas Bebber. The result convincingly looks like a camera shot of some text from a newspaper or a book. This realistic text effect is accomplished using mostly CSS. The trick is overlaying three or more slightly transparent objects and using 0.3 degrees rotation variation between each layer. Hit the button below to see the demo and codes.

View Demo