Aanbevolen cursus:

CSS skewX() functie

Definitie en gebruik skewX() CSS

skewX() De functie wordt gebruikt om elementen te hellen langs de x-as op de gegeven hoek. transform Gebruik in eigenschappen.

Tip:skewX(a) Is equivalent aan skew(a, 0)!

Gebruik skewX() Brek meerdere <div>-elementen af langs de x-as op de gegeven hoek:

#myDiv1 {
  transform: skewX(15deg);
}
#myDiv2 {
  transform: skewX(30deg);
}
#myDiv3 {
  transform: skewX(-25deg);
}

Gebruik skewX() Brek de afbeelding af langs de x-as op de gegeven hoek:

#img1 {
  transform: skewX(25deg);
}
#img2 {
  transform: skewX(-25deg);
}
#img3 {
  transform: skewX(10deg);
}

skewX(a)

Waarde	Beschrijving
a	Verplicht. Hoek. Specificeer de hellingshoek langs de x-as.

Versie:	CSS Transforms Module Level 1

Tafels met cijfers geven de browserversie aan die de functie volledig ondersteunt.

Chrome	Edge	Firefox	Safari	Opera
1	12	3.5	3.1	10.5