Let's cut them down!
Knife.css is a simple typography cut-out library to cut and slice text, specially words. It's a css project, just for fun :)
Despite of being a fun project, Knife.css has a wide range of uses and ready to implement in any project. Here are some of them:
- Cool typography logo reveal effect
- Text hover effect (assume something to deny)
- Instructable tables
- CSS Slide animations
Simply download the package and add knife.css file into the <head> tag of your site.
<link href="knife-1.0.stable.css" rel="stylesheet">
Add this onliner where you want to see your typography. Change the text attribute with the word you want to see.
<div class="knife" text="TEXT-GOES-HERE"><div></div></div>
It's that simple!
Knife.css has v2 release with lots of exiting effects! Give a try @ https://shadow-scientist.github.io/Knife.css/live-demo-v2.htm
Watch the v1.0 tutorial of this project @ https://www.youtube.com/watch?v=AY5gtQtujWU