Mobile app version of vmapp.org
Login or Join
Sims2060225

: In HTML, how can I create a box with a curved banner scroll on the left hand side? I was in a website and it had some boxes with content in them and an image on top of the boxes with

@Sims2060225

Posted in: #Design #WebsiteDesign

I was in a website and it had some boxes with content in them and an image on top of the boxes with some text in them. Like a title for what the box is for.

The problem is that I don't know how to do this kind of design.



I am talking about the left side with the curves.

10.01% popularity Vote Up Vote Down


Login to follow query

More posts by @Sims2060225

1 Comments

Sorted by latest first Latest Oldest Best

 

@Dunderdale272

I think it's cerated via Photoshop as an image and then simply added to CSS of the web page as background-image of some element (i.e. a <div>)

I think the question is more how to build such image in Photoshop?
It might be some new Photoshop effect because I'm starting to see it too often on websites. (It happened the same when PS6+ added the Warp effect, and we started to see on the web many sites with a curl on the up right side of the page.).



Here is a Photoshop tutorial on how to make similar image to the one you asked but with stright angles, I think you need to look for these kind of tutorials.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme