custom shapes using css3

Asked Feb 12 '14 at 13:08

Active May 28 '15 at 12:10

Viewed 73 times

I need to replicate this module in css:

enter image description here

I've had a quick go in jsFiddle however this will not be the way to go. I'm think maybe multiple divs using :before and :after pseudo elements? These also need to be responsive!!

<div class="shape">
  <div class="inner">lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum</div>
</div>

edited May 28 '15 at 12:10

web-tiki

92,319
29
210
241

asked Feb 12 '14 at 13:08

Rob Morris

http://www.css3shapes.com/ is a good resource. You want to use transparent borders. – Geoffrey Burdett Feb 12 '14 at 13:24
2

What you want to replicate sort of just looks like a bunch of 3d skew transforms. – Josiah Feb 12 '14 at 14:36
@Josiah OK, any chance you could give an example, not done 3d transforms before – Rob Morris Feb 12 '14 at 14:46

custom shapes using css3

0 Answers0