Formé un livre en CSS

Résolu/Fermé
Utilisateur anonyme - 1 sept. 2018 à 15:49
 Utilisateur anonyme - 2 sept. 2018 à 14:32
Bonjour,

est il possible de plié un div rectangulaire en son milieux ?
ce qui donne grosso merdo la forme d'un livre avec 2 pages et l’arrête central ...
j'ignore si je suis assez précis, je voie mal comment expliquer ça .

c'est important que ce soit uniquement sur un div et non deux div incliné l'un vers l'autre, car je désire y intégrer un carrousel pour que ce dernier prenne cette forme.

des idées ? je sèche totalement

2 réponses

elgazar Messages postés 5841 Date d'inscription mercredi 30 octobre 2013 Statut Membre Dernière intervention 17 mars 2021 1 324
2 sept. 2018 à 11:05
Bonjour
Tu as regarder du coté des "shapes" css ?
par exemple le shape chevron ressemble vaguement à un livre ouvert mais tu devras ajouter une surcouche css pour la pliure centrale
1
Utilisateur anonyme
2 sept. 2018 à 14:32
l’idée est intéressante, je ais regarder ça avec attention.

malheureusement shape chevron ne donne pas l'effet de perspective ...
merci de ton aide elgazar.
0
jordane45 Messages postés 38263 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 28 octobre 2024 4 693
1 sept. 2018 à 16:03
Bonjour,
Si tu utilises un carousel... regarde.. cetains proposent de paramétrer le nombre de vignettes à afficher et éventuellement de customiser le css (et dans ce cas tu pourras mettre un border à droite et à gauche de tes deux vignettes

0
Utilisateur anonyme
1 sept. 2018 à 16:21
Salut Jordane,
j'utilise le carrousel de Bootstrap, j'en est déjà utilisé pas mal et de plein de manière différente (background / multi content / fade ... ) mais je n'est jamais rien trouvé pour lui donner un effet de perspective ou de "fuite".

autrement dit je voudrais déformer le carrousel en lui appliquant une sorte de "profondeur" sur son arrête central.
je vais regarder si je trouve comment modifié le css comme tu dit, mais je crain de retomber sur ce que j'ai deja trouvé ...

un border sur mes vignette ? je vois mal ce que ça peut donner .
0