Elementen Schuin Trekken voor Unieke Ontwerpen
skew()
maakt het mogelijk om de zijden van een element ten opzichte van de coördinaatassen met een specifieke hoek af te wijken. De hoek moet worden opgegeven in graden (deg
). Daarnaast kan de skew alleen voor de x-as of y-as worden bepaald. De syntaxis is als volgt:
transform: skew(X_angle, Y_angle);
transform: skewX(angle);
transform: skewY(angle);
skew()
accepteert 2 waarden. De waardeX_angle
bepaalt de skew-hoek voor de x-as. De waardeY_angle
bepaalt de skew-hoek voor de y-as. Als de tweede waarde (Y_angle
) niet wordt opgegeven, interpreteert de browser dit alsskewX()
;skewX(angle)
bepaalt de skew langs de x-as;skewY(angle)
bepaalt de skew langs de y-as.
Bekijk het volgende voorbeeld om te zien wat er met skewing mogelijk is:
index.html
index.css
Bedankt voor je feedback!
Vraag AI
Vraag AI
Vraag wat u wilt of probeer een van de voorgestelde vragen om onze chat te starten.
Can you show me an example of how skew() works in CSS?
What is the visual effect of skewing an element?
How do skewX() and skewY() differ in their results?
Awesome!
Completion rate improved to 2.04
Elementen Schuin Trekken voor Unieke Ontwerpen
Veeg om het menu te tonen
skew()
maakt het mogelijk om de zijden van een element ten opzichte van de coördinaatassen met een specifieke hoek af te wijken. De hoek moet worden opgegeven in graden (deg
). Daarnaast kan de skew alleen voor de x-as of y-as worden bepaald. De syntaxis is als volgt:
transform: skew(X_angle, Y_angle);
transform: skewX(angle);
transform: skewY(angle);
skew()
accepteert 2 waarden. De waardeX_angle
bepaalt de skew-hoek voor de x-as. De waardeY_angle
bepaalt de skew-hoek voor de y-as. Als de tweede waarde (Y_angle
) niet wordt opgegeven, interpreteert de browser dit alsskewX()
;skewX(angle)
bepaalt de skew langs de x-as;skewY(angle)
bepaalt de skew langs de y-as.
Bekijk het volgende voorbeeld om te zien wat er met skewing mogelijk is:
index.html
index.css
Bedankt voor je feedback!