Mettre un cube dans un autre en css, possible ?
gintoxic
-
Utilisateur anonyme -
Utilisateur anonyme -
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 ?
- Cube security box - Forum Réseaux sociaux
- Metre cube en metre - Forum Programmation
- Enlever le soulignement d'un lien css - Astuces et Solutions
- Enlever trait sous un lien href ✓ - Forum Webmastering
- CSS/Comment enlever couleur liens ? ✓ - Forum CSS
2 réponses
animostab
Messages postés
3003
Statut
Membre
738
parce que c'est son site pardi !
Utilisateur anonyme
Nan mais, un site sur ce sujet là, c'est pas anodin sur un forum tout public. ^^
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.