0

is it possible to create the following shape using pure CSS3 - in a single layer i.e. 

<div class="nav-bg">...</div>

UI Design

I'm currently using the traditional slice the curve apart and add it as a bg-image. I'm just curious and i couldn't find anything on the internet about a CSS only method of creating this.

I also gave this a shot, How do I combine a background-image and CSS3 gradient on the same element?, no bueno.

Community
  • 1
  • 1
Rayraegah
  • 204
  • 2
  • 11

1 Answers1

0

Raphael.js may help you in creating curve lines and straight lines and many other things w/o using an image.

Mohammad Areeb Siddiqui
  • 9,795
  • 14
  • 71
  • 113