Mettre un cube dans un autre en css, possible ?

Fermé
gintoxic - 19 août 2014 à 22:49
 Utilisateur anonyme - 20 août 2014 à 01:56
bonjour, je cherche à imbriquer un cube ou presque dans un autre en css
j'utilise les propriétés
transform
du 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

2 réponses

Utilisateur anonyme
19 août 2014 à 22:58
Mais pourquoi avoir mis ce site là comme exemple! ^^
0
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 737
20 août 2014 à 01:37
parce que c'est son site pardi !
0
Utilisateur anonyme
20 août 2014 à 01:56
Nan mais, un site sur ce sujet là, c'est pas anodin sur un forum tout public. ^^
0
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 737
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.
0