css Audio - Active file-generic CSS - Active Generic - Active HTML - Active JS - Active SVG - Active Text - Active file-generic Video - Active header Love html icon-new-collection icon-person icon-team numbered-list123 pop-out spinner split-screen star tv
CodePen probably won't work great in this browser. We generally only support the major desktop browsers like Chrome, Firefox, Safari, and Edge. Use this one at your own risk! If you're looking to test things, try looking at Pens/Projects in Debug View.
user profile image

A tribute to the best fucking series in the world.

Just some CSS and SVG. I created the SVG from the original Logo with Photoshop (path) and Illustrator (SVG).

The making of: http://timpietrusky.com/breaking-bad-logo

The original Logo is © by American Movie Classics Company LLC.


  1. Hey, pretty nice ! Nice job. :)

  2. GRAY GHOST @grayghostvisuals on

    audio intro please in honor of WW bitch!

  3. Here's your audio intro, BITCH

  4. GRAY GHOST @grayghostvisuals on

    YES!!!!dar dar darnn dar dar eerie snake rattle

  5. Duuuuuuude, sweet.

  6. Thaaaaaaaaaaaaaaaaaaaaaaanks!

  7. What the fuck? Why are there so many views?

  8. xfD @ "Here's your audio intro, BITCH"

  9. GRAY GHOST @grayghostvisuals on

    12,000 AND COUNTING!!!

  10. This is fucking awkward...

  11. This is the greatest thing

  12. Frickin' awesome! It's just so.... frickin' awesome!

  13. nicely done

  14. Nicely done Tim!

  15. Thanks! I'm proud that so many people like it.

  16. This is amazing!

  17. It's awesome man, well done!

  18. So cool, I was just watching this today.

  19. GRAY GHOST @grayghostvisuals on

    57,683 AND COUNTING!!!

  20. Great stuff, how long did u work on it?

  21. CSS 2h, SVG 1h, canvas 2h, audio 1h -> 6h

  22. ERMAGERD! :D amazing! :D

  23. Be Good? You are breaking me badly.. JK :)

  24. This is amazing! A lot of code but rightfully so.

  25. "A tribute to the best fucking series in the world." - my man! Great job. Keep it up :)

  26. Awesome work! Thanks for liking my awful Breaking Bad Logo :D Yours is much better :)

  27. Wow fucking awesome !!! A great work for a grat tv show !

  28. Uhh, noob question, but, how do you do the "eaking" and "d" part?

  29. @TheSandwichMan I used SVG! You can read more about it in my article.

  30. As good as it gets!! :)

  31. This is badass! Nice work man. Sad that BB is over... :(

  32. @natewiley thanks! Yeah it's really sad :( I hope they create many spin-offs :D

  33. Is there any way to change the "eaking" and "d" text?

Leave a Comment Markdown supported. Click @usernames to add to comment.

You must be logged in to comment.