Описание тега css-transitions
CSS Transitions позволяет изменять свойства в значениях CSS плавно в течение заданного времени.
2
ответа
Преобразование высоты дочернего элемента div при наведении на родительский элемент div
Я бы хотел transform height из моего .bar в 3px при зависании .wrapper, Я знаю, что должен использовать transition а также transform, но я понятия не имею, как transform мое дитя div наведите его родителя. На данный момент я transform только мой род…
11 июл '17 в 08:49
1
ответ
Как оживить элемент обратно в исходное положение с помощью CSS3 @keyframes
Я вижу, как бы я это сделал, если бы использовал transition но мне нужна бесконечно повторяющаяся анимация в одном месте (я также хотел бы знать, возможны ли бесконечные переходы; хе). Посетите http://www.terrasoftlabs.com/ для решения проблемы в де…
08 апр '12 в 03:40
2
ответа
Анимация ReactCSSTransition не гладкая для изображения
Я попытался реализовать анимацию постепенного появления / исчезновения в React с использованием ReactCSSTransitionGroup. Я следовал этому решению в предыдущих SO ответах. У меня есть компонент, который содержит изображение и текст. Анимация плавная …
10 апр '18 в 11:59
5
ответов
Как добавить простую анимацию флип-карты?
Я создаю одиночную игру. До сих пор у меня все работало, но анимация переворота карты - боль в а **. Посмотрите на эту скрипку (она может быть немного медленной, так как в ней весь код игры) При перетаскивании карты ее оборотная сторона заменяется л…
14 июн '14 в 21:40
2
ответа
Изменить высоту контейнера inline-block ровно
https://jsfiddle.net/4a64jso1/1/ .a и.b - встроенный блок с различной высотой в контейнере после клика .a, .a увеличить ширину до 100%, .b высота до 0, это означает, что контейнер может видеть только .a и высота контейнера изменится на .a рост. моя…
06 июн '16 в 12:41
1
ответ
Вращающийся центр Four Square Div On Hover - Spinner Board
Я был бы признателен за другую пару глаз, потому что я либо застрял, либо сгорел на вечер. Все, что я пытаюсь сделать, это создать макет div с четырьмя квадратами внутри содержащего div. Эта часть не имеет большого значения. Моя проблема возникает, …
22 мар '16 в 03:49
1
ответ
Нажатие на иконку позиционированного Fontawesome с помощью CSS
Я хочу, чтобы шрифт "круто" отображался только при наведении курсора на изображение, а также поверх изображения: в правом верхнем углу изображения, но я не могу этого сделать. Я создал фрагмент кода, повторяющий проблему. // Get the modal var modal …
08 июл '17 в 01:54
0
ответов
Свойство высоты не применяется одинаково ко всем элементам div с одинаковой высотой
Есть очень странная проблема, с которой я сталкиваюсь на веб-странице, которую я разрабатываю. Это простой HTML и CSS, и я пытаюсь создать анимацию в нижней части каждого элемента привязки. Все они имеют одинаковую ширину 25%, так как я использую се…
18 июн '18 в 14:51
2
ответа
webkit-transition, аномалия при использовании width:auto
У меня есть боковая панель навигации в стандарте <ul><li><a></a></li></ul> шаблон, который усекает полный текст ссылок, используя переполнение скрыто. После наведения в течение 1 с я хочу, чтобы якорь расширялся п…
17 июл '11 в 17:00
2
ответа
CSS переходное направление вверх и вниз
Я работаю над меню плиток метро для веб-сайта, я не могу использовать JavaScript только HTML и CSS. Проблема заключается в скольжении плиток и направлении скольжения, кроме того, когда скрывается следующий слайд коробки. # block4 - ВНИЗ #block5 - ВВ…
25 июн '15 в 19:17
1
ответ
HTML5 переходы
Ища несколько примеров перехода HTML5, я адаптировал то, что нашел, чтобы наконец получить то, что я точно хочу. <!DOCTYPE html> <html> <head> <style> div { width: 50px; height: 50px; } div.myDiv { position: absolute; -webkit…
03 дек '12 в 19:01
1
ответ
CSS переходы в отношении бинарных свойств (например, видимость)
Я обнаружил странное поведение при переходе между видимостью hidden а также visible, Кажется, когда собираешься visibleСразу становится visible в начале переходного периода. Но возвращаясь к hidden, он ждет, пока длительность перехода не закончится,…
07 апр '16 в 15:41
1
ответ
Сделайте так, чтобы текст появлялся сразу, но постепенно исчезал, используя современные CSS-переходы
Я в порядке с JavaScript, но плохо с CSS и совершенно новым для переходов и затуханий. Примеры, на которые я смотрел, были достаточно просты, чтобы понять с первого взгляда, исчезали как внутри, так и снаружи. Примеры, которые подходили ближе к тому…
04 авг '17 в 12:45
1
ответ
CSS переход при перемещении поплавка
Я работаю с чем-то вроде этого: http://jsfiddle.net/Hh2Ht/ Как видите, у меня есть группа плавающих элементов с одинаковой шириной, но разной высоты. Тем не менее, контейнер имеет процентную ширину и, как следствие, при изменении его размера плавающ…
14 май '12 в 09:01
1
ответ
Позволит ли оптимизация CSS3-анимации без отключения H/W ускорить ее запуск на GPU?
Сначала это звучит странно, но терпите меня. Я написал бенчмарк на основе setTimeout (аналог stats.js) - идея была в том, чтобы было что сравнить, как анимация работает в разных условиях (например, добавление к ней различных свойств CSS3). Для (прос…
27 июл '12 в 14:55
3
ответа
Преобразование перехода на выходе при наведении
Я использую "translate3d" с "переходом" при наведении, чтобы переместить div в поле зрения. Это работает правильно при наведении курсора, но при выходе я бы хотел, чтобы он вернулся обратно из поля зрения. В настоящее время это просто исчезает. Все,…
06 июн '18 в 11:55
1
ответ
Предотвратить элементы прыгать в Chrome
Проверьте страницу на http://myhymnal.net/2. В Chrome, когда страница загружает все остальные элементы между заголовком и текстом песни (селектор ключа и ссылки), кажется, немного перемещается. То же самое происходит, когда вы наводите курсор на две…
21 июн '13 в 08:57
1
ответ
CSS3 анимация при наведении курсора не отвечает
Я пытаюсь заставить подпись figcaption появляться / исчезать при наведении курсора внизу. Но я не могу получить тег divcaption div, кажется, исчезает с экрана. Я хочу, чтобы при наведении курсора на баннер, figcaption появлялся независимо от того, г…
22 июн '14 в 14:09
1
ответ
Угловой 2 - CSS переход на элементе с ngStyle
Я не могу заставить мой css переход работать, когда свойство, которое нужно обновить, связывается с [ngStyle] или [style.property] HTML: <div class="bar" [style.width]="size +'%'"></div> CSS: .bar{ width:0; transition: width .5s ease-out…
11 окт '16 в 09:15
2
ответа
CSS3: изменить фоновое изображение страницы, если изображение наведено
Я пытаюсь изменить фоновое изображение страницы в зависимости от изображения. Это макет страницы: HTML: <div id="main"> <img id="img1" src="1.jpg" /> <img id="img2" src="2.jpg" /> </div> CSS: #img1:hover #main { background: u…
31 мар '13 в 07:02