Some things I just couldn't get - the torn paper and the drop shadow on the stitching. But hey, we're not all perfect.
Behold.
12 months ago
YOU DID IT!
love it, turned out excellent, Dan!
That's hot!
Solved: http://dabblet.com/gist/2795846.
I know, I know, probably not the best usage of :before and :after with mine, but that's how I like to use 'em. :)
AWESOME! :D
@Dan, is what I've done a legitimate way to use :before and :after?
@Louis Bullock I guess so. Is there a right way? I have no idea.
Not sure, I figured most people used them to place small objects before and after something, like an icon next to a link, or an arrow in a breadcrumb design.
I just use 'em if I want to use less classes, divs etc :)
by Louis Bullock
Just been working on this today :)
Using existing code by @Dan Eden, I've tried to get as close to the original by @Coleman Tharp, minus the tear of paper.
The power of CSS3 is incredible :D
Works best in Chrome and Safari. Sorry Firefox users :)
================================================
→ Grab the code! ←
You're the bomb-diggety Dan. Great work.
this is ace
touché, dude. touché
Clean & Simple
keyboard shortcuts: ← previous shot → next shot L or F like
14 Responses
Some things I just couldn't get - the torn paper and the drop shadow on the stitching. But hey, we're not all perfect.
Behold.
12 months ago
YOU DID IT!
12 months ago
Pro
Matthew Kosloski
love it, turned out excellent, Dan!
12 months ago
That's hot!
12 months ago
Solved: http://dabblet.com/gist/2795846.
I know, I know, probably not the best usage of :before and :after with mine, but that's how I like to use 'em. :)
12 months ago
Pro
Coleman Tharp
AWESOME! :D
12 months ago
@Dan, is what I've done a legitimate way to use :before and :after?
12 months ago
@Louis Bullock I guess so. Is there a right way? I have no idea.
12 months ago
Not sure, I figured most people used them to place small objects before and after something, like an icon next to a link, or an arrow in a breadcrumb design.
I just use 'em if I want to use less classes, divs etc :)
12 months ago
Rebound
Notepad [CSS]
by Louis Bullock
Just been working on this today :)
Using existing code by @Dan Eden, I've tried to get as close to the original by @Coleman Tharp, minus the tear of paper.
The power of CSS3 is incredible :D
Works best in Chrome and Safari. Sorry Firefox users :)
================================================
→ Grab the code! ←
================================================
12 months ago
You're the bomb-diggety Dan. Great work.
12 months ago
this is ace
12 months ago
touché, dude. touché
12 months ago
Pro
Ivan Kutcher
Clean & Simple
12 months ago