"/>

Une page web oblique

Comment créer une page html oblique ?

Voici un exemple de page oblique crée uniquement en html/css. C’est le genre de design que l’on voit souvent sur des images, portfolio ou présentation de thèmes. Rarement codées puisque très difficiles à maintenir, notamment le côté responsive qui est impossible à réaliser, ca reste néanmoins un exercice intéressant. Le rendu en tout cas est impressionnant. Je pars ici de l’exemple de bouton imaginé par l’auteur de ce codepen: https://codepen.io/Stockin/pen/mzydLz*/

Cliquez sur « Edit on CodePen » pour voir le résultat. Le fonction rotate, skew et translate font tout le travail, et elles s’activent dans l’exemple au delà de 1200px.

See the Pen
Oblik Web Page pure css
by yuyazz (@yuyazz)
on CodePen.

N’hésitez pas, si vous avez des idées d’amélioration ou des corrections à apporter à ce tuto !

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.