Проявление елементов списка по очереди?

Question

[Владимир Полищук]

Доброго времени суток.

Уже битый час ломаю голову. Как сделать, что бы елементы списка < li >проявлялись по очереди, как в презентации.

Использовать JavaScript нельзя, только css (webkit)


Пример:

1. Произошло некое событие ":check"

2. Начал плавно появлятся (проявлятся) елемент <li> или <p> (не существенно)

3. Как только первый стал полностью видим, начинает проявлятся второй.

4. и т.д.


/*Помогите, утром deadline...*/

Answer 1

[evnuh]

Не отнимайте у человека право прочесть всю информацию целиком. Всегда ненавидел презентации, в которых текст «появляется» — от того, что я читаю быстрее, чем появляется текст я теряю основную идею всего слайда. В общем, откажитесь от этой затеи, тем более на чистом CSS.

Comments

[Владимир Полищук]

Я с вами, полностью согласен, но ТЗ есть ТЗ.
Навязывать заказчику свою точку зрения, не имею ни времени, ни желания.

А вы головой думайте, перед тем как минусовать…

[evnuh]

Не хами незнакомому человеку. Я минус не ставил, я все прекрасно понимал.

Answer 2

[Eugene]

www.cssplay.co.uk/menus/cssplay-menu-slide.html

Answer 3

[Сергей Протько]

Увы только средствами CSS вам не обойтись

Comments

[Владимир Полищук]

Ну тоже мне говорили и про графики на ктс. Но решение нашлось.
Вот и тут, :after ещё никто не отменял.

Если не прав, не берите во внимание…

[Сергей Протько]

Ну как не обойтись… Можно задать в CSS правила с селекторами вида nth-child много много много, и у каждого установить задержку анимации. Но это дикий и жуткий костыль.

[Владимир Полищук]

что костыль, тут я согласен… Больше вариантов нет? ((