Drawing with text

Fun stuff with text and Canvas

Demo Image: Fun stuff with text and Canvas

This script uses getImageData to form the text with particles. You can do some fun stuff with text and Canvas this way. Once again I'm using createjs for Canvas manipulation and the greensock library for easy tweening.Developed By: Rachel SmithCreated: MARCH 11, 2014

Cascading text effects using CSS and JavaScript

Demo Image: Cascading text effects using CSS and JavaScript

Just a pen for playing around with different text entry transition styles and effects. Made possible with looping from within the style preprocessor and markup preprocessorDeveloped By: jh3yCreated: MARCH 01, 2017

Placeholder Typing Text Effect

Ball Bouncing On Text

Demo Image: Ball Bouncing On Text

This bouncing ball jumps over the words inside the contentEditable paragraph. The text itself is editable, the jump speed is dynamic, and the ball bounce animation duration is set by the length of each word.Developed By: Yogev AhuviaCreated: JUNE 04, 2013

Text effect with Particles

CSS Peeled Text Transforms

Demo Image: CSS Peeled Text Transforms

This pen shows text that looks like it is peeled of the page. It has a smooth animation when hovered. For accessibility reasons, I've added an aria-label to the paragraph.Developed By: Michiel BijlCreated: NOVEMBER 23, 2014

Eye catching intro text

Collection of CSS text-shadow and pattern effects

Demo Image: Collection of CSS text-shadow and pattern effects

This pen experiments with some simple text effects you can create using text-shadow and hover transitions. I’ve also played around with creating a patterned hover text effect, mixing those effects with a bit of SVG.Developed By: Ashley NolanCreated: JANUARY 19, 2015

Animating SVG text

CSS & jQuery Bubbling Text Effect

Demo Image: CSS & jQuery Bubbling Text Effect

A jQuery powered example of how you can create a bubbling effect on a HTML heading. The bubbles appear as though they're coming from behind the text, and then fade out and are removed.Developed By: html5andblogCreated: APRIL 30, 2016

Random Text Shuffle

CSS Text Shadow Compilation

Demo Image: CSS Text Shadow Compilation

20-something unique examples of text shadows in CSS, from the beautiful to the bizarre to the "do you still use comic sans, too?" type stuff. edit: added Art Deco & SpookyDeveloped By: emmaCreated: JULY 26, 2013