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 !