Nice work dude, it looks great.
Sadly, you won’t be able to squeeze the markup if you’re planning to do it the CSS way. To draw things with CSS, we have a few ways:
– **box-shadows**: very powerful, but you can’t be rotated
– **pseudo-elements**: very powerful but restricted number and can’t be animated
– **gradients**: very powerful especially radials but can’t be animated
– **webkit-box-reflect**: pretty limited usage and can’t be rotated
– **markup crowding**: the way you went