Mettre un cube dans un autre en css, possible ?
Fermé
bonjour, je cherche à imbriquer un cube ou presque dans un autre en css
j'utilise les propriétés
ce bandeau tourne dans un sens et je souhaite mettre un bloc au centre de celui-ci, à l'intérieur qui ttournerait en sens inverse
j'ai essayé plusieurs manière sans y parvenir. pourriez-vous m'aider svp ?
la démo est ici http://nymphea.oxatis.com/PBCPPlayer.asp?ADContext=1&ID=1486407
merci à vous par avance
j'utilise les propriétés
transformdu css3 et j'ai obtenu un bandeau crré en guise de slider (plutot sympa d'ailleurs
ce bandeau tourne dans un sens et je souhaite mettre un bloc au centre de celui-ci, à l'intérieur qui ttournerait en sens inverse
j'ai essayé plusieurs manière sans y parvenir. pourriez-vous m'aider svp ?
la démo est ici http://nymphea.oxatis.com/PBCPPlayer.asp?ADContext=1&ID=1486407
merci à vous par avance
A voir également:
- Mettre un cube dans un autre en css, possible ?
- Remonter un rubik's cube 4x4 - Forum Loisirs / Divertissements
- Metre cube clavier - Forum Clavier
- Enlever le soulignement d'un lien css - Astuces et Solutions
- Faire un trait en css ✓ - Forum CSS
- Cube securibox - Forum Réseaux sociaux
2 réponses
animostab
Messages postés
2829
Date d'inscription
jeudi 10 mars 2005
Statut
Membre
Dernière intervention
11 novembre 2019
738
Modifié par animostab le 19/08/2014 à 23:04
Modifié par animostab le 19/08/2014 à 23:04
Salut
pas possible en imbriquant la div
car un transform 3D se propage a ses enfants
seule solution
ne pas imbriquer le div, le mettre en position absolute, le positionner au centre de l'autre div et le mettre au dessus avec z-index
ex
<div>
<div id="tournegauche"><div>
<div id="tournedroite"><div>
</div>
#tournegauche {
position: relative;
width: ???px;
height: ???px
z-index:10;
etc......
#tournedroite {
position: absolute;
top: -???px;
left: ???px;
width: ???px;
height: ???px
z-index:100;
etc......
??? = les valeurs a mettre pour centrer au milieu du div tournegauche
Un petit merci vaut mieux qu'une grande ignorance !
Donc si votre sujet est résolu une réponse avec merci c'est pas de refus.
pas possible en imbriquant la div
car un transform 3D se propage a ses enfants
seule solution
ne pas imbriquer le div, le mettre en position absolute, le positionner au centre de l'autre div et le mettre au dessus avec z-index
ex
<div>
<div id="tournegauche"><div>
<div id="tournedroite"><div>
</div>
#tournegauche {
position: relative;
width: ???px;
height: ???px
z-index:10;
etc......
#tournedroite {
position: absolute;
top: -???px;
left: ???px;
width: ???px;
height: ???px
z-index:100;
etc......
??? = les valeurs a mettre pour centrer au milieu du div tournegauche
Un petit merci vaut mieux qu'une grande ignorance !
Donc si votre sujet est résolu une réponse avec merci c'est pas de refus.
20 août 2014 à 01:37
20 août 2014 à 01:56