Używając CSS, jak mogę zastosować więcej niż jeden transform? Przykład: poniżej zastosowano tylko tłumaczenie, a nie rotację. li:nth-child(2) { transform: rotate(15deg); transform: translate(-20px,0px);
Używając CSS, jak mogę zastosować więcej niż jeden transform? Przykład: poniżej zastosowano tylko tłumaczenie, a nie rotację. li:nth-child(2) { transform: rotate(15deg); transform: translate(-20px,0px);
Mam sytuację, w której w normalnych warunkach CSS ustalony element div zostałby umieszczony dokładnie tam, gdzie jest określony ( top:0px, left:0px). Wydaje się, że nie jest to respektowane, jeśli mam rodzica, który ma transformate3d. Czy ja czegoś nie widzę? Wypróbowałem inne opcje transformacji...
Powiedzmy, że mam kilka kolumn, z których niektóre chciałbym obracać wartościami: http://jsfiddle.net/MTyFP/1/ <div class="container"> <div class="statusColumn"><span>Normal</span></div> <div class="statusColumn"><a>Normal</a></div> <div...
Mam problemy z obracaniem i pozycjonowaniem wiersza tekstu. Teraz działa tylko pozycja. Obrót również działa, ale tylko wtedy, gdy wyłączę pozycjonowanie. CSS: #rotatedtext { transform-origin: left; transform: rotate(90deg); transform: translate(50%, 50%); } HTML to zwykły tekst....
Używam przejść CSS do przejścia między stanami przekształconymi CSS (w zasadzie przejście skali elementu). Zauważyłem, że gdy element przechodzi, pozostała część tekstu na stronie (w Webkit) ma tendencję do nieznacznej zmiany renderowania, dopóki przejście nie zostanie zakończone. Skrzypce:...
Jak łączyć rotateX(50deg) rotateY(20deg) rotateZ(15deg)w skrócie rotate3d()?
Próbuję utworzyć animację w stylu roller coaster z CSS. Chcę wiedzieć, jak zakrzywiać „kolejkę”, gdy jest ona w fazie pętli. Poszukuję całego rozwiązania CSS, ale jeśli potrzebuję trochę kodu JavaScript, nie mam nic przeciwko. mój kod do tej pory: #container { width: 200px; height: 300px;...