Pitched Div

Asked May 26 '15 at 04:25

Active May 26 '15 at 04:45

Viewed 206 times

I need the downward side of a div "pointed". I don't know exactly how to ask/search for this hence the multiple words in the title. I also need it to be responsive.

Pointed Div

I have made triangles before with CSS, and added triangles to the bottom of divs, but I can't figure out how to make it responsive.

This might be a good place to start, but I can't get very far: http://lawrencenaman.com/css/responsive-slanted-divs-with-css/

Similar to: How can I create div with a pointed top with CSS and Half hexagon shape with one element Except none of these have responsive solutions.

Thank you in advance!

edited May 23 '17 at 10:26

Community

asked May 26 '15 at 04:25

Bobby Schultz

what kind of responsive? Like it needs to change color? move? – Alexander Kleinhans May 26 '15 at 04:30
@ketan I need a responsive answer. The question you referenced, as well as two others I mentioned in the question, do not have responsive solutions – Bobby Schultz May 26 '15 at 04:50
@user3049865 Responsive...as in adjusts itself based on viewport (screen) size. I thought that would be a given. – Bobby Schultz May 26 '15 at 04:50
Might be this will work for your requirement. http://stackoverflow.com/questions/30431910/how-to-create-a-custom-shape-css/30432076#30432076 – stanze May 26 '15 at 04:58
@stanze No. That solution is not responsive. Notice the fixed px width of the chevron. Thanks though. – Bobby Schultz May 26 '15 at 18:08

Pointed/Angled/Gabled/Pitched Div

0 Answers0