Используйте только CSS, чтобы расположить динамический DIV вне экрана, а затем скользить вниз с анимацией

Question

Используйте только CSS, чтобы расположить динамический DIV вне экрана, а затем скользить вниз с анимацией

0

У нас есть DIV, который центрирован по вертикали в своем родителе и отображает другой текст в разное время, то есть его высота не фиксирована.

Можно ли использовать CSS только для позиционирования этого DIV сразу с экрана, вверху, а затем сдвинуть его вниз с помощью анимации?

Мы пробовали различные комбинации translateY и webkit-transform, но они терпят неудачу, потому что translateY основан на высоте элемента, а не на родительском, при использовании процентов. Использование пикселей не работает, так как высота DIV изменяется.

Очевидно, что решение JavaScript возможно, но есть ли способ сделать это только с помощью CSS?

Crashalot 10 дек. 2013, в 22:55

Источник

Теги:

html

css

html5

1 ответ

Ещё вопросы

Mr. Mayers · Accepted Answer · 2013-12-10T18-53-00.000Z

http://pastebin.com/pVmXyfxi

Не 100% уверены, что это то, что вы имеете в виду, но вы можете переместить div с экрана сверху: -1000px, а затем изменить верхний: значение при наведении (или щелчок или что-то еще). Часть анимации определяется в настройках div css и запускается при изменении одного из параметров.