Запитання з тегом «css-transforms»

Як за допомогою CSS можна застосувати декілька transform? Приклад. У наступному застосовується лише переклад, а не обертання. li:nth-child(2) { transform: rotate(15deg); transform: translate(-20px,0px); }

602 css  css-transforms 

У мене є ситуація, коли за звичайних обставин CSS фіксований div розміщуватиметься саме там, де він вказаний ( top:0px, left:0px). Здається, це не дотримується, якщо у мене є батько, який має translate3d перетворення. Хіба я чогось не бачу? Я спробував інші варіанти перетворення веб-файлів, такі як стиль та перетворення походження, …

140 html  css  css-position  css-transforms 

Скажімо, у мене є кілька стовпців, з яких я хотів би повернути значення: 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> За допомогою цього CSS: .statusColumn b { writing-mode: tb-rl; white-space: nowrap; display: inline-block; overflow: visible; transform: rotate(-90deg); transform-origin: 50% 50%; } Виходить так: Чи можливо …

119 css  css-transforms 

У мене виникають проблеми з обертанням і розташуванням рядка тексту. Зараз працює лише позиція. Поворот також працює, але лише якщо я вимкнув позиціонування. CSS: #rotatedtext { transform-origin: left; transform: rotate(90deg); transform: translate(50%, 50%); } Html - це просто текст.

86 css  webkit  transform  css-transforms 

Я використовую переходи CSS для переходу між перетвореними станами CSS (в основному переходячи за масштабом елемента). Я помічаю, що коли елемент переходить, решта тексту на сторінці (у Webkit) має тенденцію трохи змінювати його візуалізацію, поки перехід не буде зроблений. Скрипка: http://jsfiddle.net/russelluresti/UeNFK/ Я також помітив, що це не відбувається в моїх …

81 css  webkit  css-transitions  css-transforms 

Я експериментую з фільтрами css. І я хотів би одночасно використовувати розмиття та відтінки сірого, але, здається, я не можу використовувати одночасно обидва на одному зображенні? Дивіться скрипку тут ... http://jsfiddle.net/joshmoto/fw0m9fzu/1/ .blur { filter: blur(5px); -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); } .grayscale { filter: grayscale(1); -webkit-filter: grayscale(1); …

80 css  css-transforms 

Як поєднувати rotateX(50deg) rotateY(20deg) rotateZ(15deg)в стенографії rotate3d()?

79 css  css-transforms 

Я намагаюся створити анімацію в американських гірках із CSS. Хочеться знати, як викривити "американський катер", коли він знаходиться в циклі. Я шукаю все рішення CSS, але якщо є необхідність у трохи JavaScript, з цим я все в порядку. мій код поки: #container { width: 200px; height: 300px; margin-top: 50px; position: …

15 html  css  css-animations  css-transforms