Questions marquées «css-transforms»

En utilisant CSS, comment puis-je en appliquer plusieurs transform? Exemple: Dans ce qui suit, seule la translation est appliquée, pas la rotation. li:nth-child(2) { transform: rotate(15deg); transform: translate(-20px,0px); }

605 css  css-transforms 

J'ai une situation où, dans des circonstances CSS normales, un div fixe serait positionné exactement là où il est spécifié ( top:0px, left:0px). Cela ne semble pas être respecté si j'ai un parent qui a une transformation translate3d. Est-ce que je ne vois pas quelque chose? J'ai essayé d'autres options …

140 html  css  css-position  css-transforms 

Disons que j'ai quelques colonnes, dont certaines que j'aimerais faire pivoter les valeurs de: http://jsfiddle.net/MTyFP/1/ <div class="container"> <div class="statusColumn"><span>Normal</span></div> <div class="statusColumn"><a>Normal</a></div> <div class="statusColumn"><b>Rotated</b></div> <div class="statusColumn"><abbr>Normal</abbr></div> </div> Avec ce CSS: .statusColumn b { writing-mode: tb-rl; white-space: nowrap; display: inline-block; overflow: visible; transform: rotate(-90deg); transform-origin: 50% 50%; } Cela finit par ressembler …

119 css  css-transforms 

J'essaie de créer une animation de style roller coaster avec CSS. Je veux savoir comment courber le "coaster" quand il est en boucle. Je recherche une solution entièrement CSS mais s'il y a un besoin d'un peu de JavaScript, je suis d'accord avec ça. mon code jusqu'à présent: #container { …

15 html  css  css-animations  css-transforms