Last Updated: February 25, 2016
·
18.23K
· timpietrusky

Breaking Bad logo with CSS, HTML, SVG & JS

#css
#html
#svg
#modernizr
#javascript
#jquery

A while ago I recreated the logo from Breaking Bad with just some CSS, HTML (canvas), SVG and JavaScript:

Picture

Live version & source code

http://codepen.io/TimPietrusky/pen/Bsegb

Making of the logo

I wrote an article on my blog on how the logo was created:
http://timpietrusky.com/breaking-bad-logo

#css
#html
#svg
#modernizr
#javascript
#jquery

Written by Tim Pietrusky

Say Thanks
Respond

Related protips

Fully custom select box, simple css only

578.8K
33

Change the Bootstrap NavBar Breakpoint

509.2K
39

Creating full width (100% ) container inside fixed width container.

482.5K
14

Have a fresh tip? Share with Coderwall community!

Post
Post a tip
Best #Css Authors
oldboy
578.8K
#css
#jQuery
#CSS 3
iatek
512.8K
#css
#Javascript
#Node.js
praveenvijayan
482.5K
#css
#Javascript
#Python
elad2412
437.1K
#css
#cross browser compatibility
#photoshop
projectcleverweb
326.9K
#css
#javascript
#Python
Related Tags
#css
#html
#svg
#modernizr
#javascript
#jquery
Sponsored by
#native_company#
#native_desc#
#native_cta#
Filed Under
CSS tips that actually layout
HTML tips for cleaner pages
Everyday HTML and CSS tricks
JavaScript tips that stick
jQuery tips still in the wild
Awesome Job
See All Jobs
Post a job for only $299
Did you know?

JavaScript on a page runs with the privileges of that origin. One altered library, tag manager, or snippet can read inputs, change what people see, and call your APIs as the user.

Security insights from Cside

Thanks to our sponsor
Sponsored by #native_company# — Learn More
#native_title# #native_desc#
#native_cta#