CSS Basics Web development basics

How to create skew div

How to create skew div using CSS transform function skew()

How to create skew div

How to create skew div – markup

HTML:

CSS:

Demo:

See the Pen Skewed div by scanfcode (@scanfcode) on CodePen.

Summary
How to create skew div
Article Name
How to create skew div
Description
How to create skew div using CSS transform function skew() . -webkit-transform: skewY(-10deg); transform: skewY(-10deg); are used to create a div with skewed edges.
Author
Publisher Name
Scanfcode
Publisher Logo