css-transforms

2зной

1ответ

Понимание z-смещения в трансформационном происхождении

Я пытаюсь изучить свойство происхождения преобразования и как именно это свойство работает. Я сделал небольшую демо-версию HERE. HTML: <div class="section-title"> <span data-hover="Product Range

13зной

7ответ

CSS3 Трансформация, вызывающая изменение текста в Safari и Firefox Mac Yosemite

У меня возникла эта странная проблема в Safari и Firefox (Mac/Yosemite), которая заставляет почти весь текст на странице мерцать при зависании над преобразующим элементом. Пример GIF: (Firefox, Yosemi

-1зной

1ответ

CSS-3 преобразует mangle HTML-элемент, когда я добавляю еще один элемент sibling.

3 и в основном просто пытаются понять, каким образом свойства CSS3 perspective и transform-style:preserve-3d действительно работает, поэтому я сделал следующие две демки: DEMO ONE: HTML :: <div class=

-1зной

1ответ

Преобразования CSS, которые я использовал, не работают в mozilla Firefox

Мои анимации arent работают в mozilla, но они работают в chrome. Просьба предложить некоторые изменения, так что он работает в a { transition: all 0.5s ease-in-out 0s; } a:hover { transfo

5зной

1ответ

Загрузочная флип-карта с преобразованием css3

Я хочу создать флеш-карту загрузочного буфера, используя преобразование CSS3. Я начал с этого working and basic example Однако я хотел изменить его, чтобы иметь фиксированную высоту карты и некоторые

0зной

1ответ

"Card" вращение и выбор текста

Быстрый просмотр кода перед вопросом: HTML <div class="container> <div class="card"> <div class="front"></div> <div class="back"></div> </div> </div> CSS .container { trans

10зной

2ответ

Совершенствующаяся перспектива - CSS складной эффект

http://codepen.io/stevendavisphoto/pen/xGdQBY .image { width:600px; height:200px; overflow:hidden; } .pane1, .pane2, .pane3, .pane4 { height:100%; flo