Streaming live at 10am (PST)

Is it possible to create parallelogram shapes using style classes?


#1

Hello,

It is possible to create parallelogram shapes (and other various shapes like stars) with CSS3: http://enjoycss.com/gallery/shapes/dN

Is it possible to do the same in Webflow? For example can I format the borders of a div or link block to look like a parallelogram?

Thanks in advance!


#2

The example you link to uses the property "skew" of transform. Skew isn't proposed in Webflow UI.

You can google "css skew" to get custom code and add it in Webflow as code. That's the easisest way.

Now there must be some ways to play with divs in webflow to make something that look like a parallelogram in the end (by creating elements as masks and rotate them) or to use images as background to do the same (like two tiangles with a square angle, one on each side)...


#3

Thank you Vincent for your recommendations, it helped a lot!


#4

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.