Notepad [CSS]

Screen_shot_2012-05-27_at_01

14 Responses

  1. Dan Eden Dan Eden

    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

  2. Ari Ari

    YOU DID IT!

    12 months ago

  3. Pro Matthew Kosloski Matthew Kosloski

    love it, turned out excellent, Dan!

    12 months ago

  4. Alfredo Garcia Alfredo Garcia

    That's hot!

    12 months ago

  5. Louis Bullock Louis Bullock

    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. :)

    likes

    12 months ago

  6. Pro Coleman Tharp Coleman Tharp

    AWESOME! :D

    12 months ago

  7. Louis Bullock Louis Bullock

    @Dan, is what I've done a legitimate way to use :before and :after?

    likes

    12 months ago

  8. Dan Eden Dan Eden

    @Louis Bullock I guess so. Is there a right way? I have no idea.

    12 months ago

  9. Louis Bullock Louis Bullock

    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

  10. 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

  11. Hamish Macpherson Hamish Macpherson

    You're the bomb-diggety Dan. Great work.

    12 months ago

  12. Project 365 Project 365

    this is ace

    12 months ago

  13. Jordan Egstad Jordan Egstad

    touché, dude. touché

    12 months ago

  14. Pro Ivan Kutcher Ivan Kutcher

    Clean & Simple

    12 months ago

keyboard shortcuts: previous shot next shot L or F like