Knife.css is a light-weight (<8kb minified), pure css based typography library to play with text and create interactive animations and micro-interactions. It features almost 18 types of (sharp!) knifes that are ready to cut any text as well as icons*. This is the showcase of that. Pick any of the knifes to see its usage and source code. Hover the text to see the effect.
knife -knife-reveal-digital
knife -knife-gradient-hue
knife -knife-clone-rotate
How about some icons?
knife -knife-icon -knife-diag
knife -knife-icon -knife-distort
knife -knife-icon -knife-slowmo
knife -knife-icon -knife-strike
knife -knife-icon -knife-sliced
knife -knife-icon -knife-float
knife -knife-icon -knife-float-re
knife -knife-icon -knife-reveal
knife -knife-icon -knife-reveal-digital
knife -knife-icon -knife-shoot
knife -knife-icon -knife-trishoot
knife -knife-icon -knife-gradient
knife -knife-icon -knife-gradient-hue
Icon Specials
knife -knife-icon -knife-icon-sword
knife -knife-icon -knife-icon-float
knife -knife-icon -knife-ellipse
knife -knife-icon -knife-icon-bell