Mettre un cube dans un autre en css, possible ?

gintoxic -  
 Utilisateur anonyme -
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

  1. Utilisateur anonyme
     
    Mais pourquoi avoir mis ce site là comme exemple! ^^
    0
    1. animostab Messages postés 3003 Date d'inscription   Statut Membre Dernière intervention   738
       
      parce que c'est son site pardi !
      0
    2. Utilisateur anonyme
       
      Nan mais, un site sur ce sujet là, c'est pas anodin sur un forum tout public. ^^
      0
  2. animostab Messages postés 3003 Date d'inscription   Statut Membre Dernière intervention   738
     
    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