Это простейшие вещи, состоящие из изменения параметра, сдобренного свойством transaction. Это именно транзакции, переходы. А есть CSS-animation, с покадровой разметкой, именно покадровой. Совершенно другой синтаксис и принцип действия. И там уже, по крайней мере года 3 назад, без JS нельзя было красиво что-то запилить. JS нужен был как минимум для смены классов, чтобы переключать анимации. Добавлено спустя 1 минуту 15 секунд: Вот, наведи мышку на логотип справа сверху. Это именно анимация: http://it-nation.ru/ Добавлено спустя 3 минуты 49 секунд: А так да, сама анимация описана только в CSS: http://it-nation.ru/templates/it-nation_1.0.2/css/logo.css
Не понял что ты хотел сказать, если честно ) Вот аж в 2006г люди делали нечто выглядящее как JS-слайдер: http://www.cssplay.co.uk/menu/gallery_click.html Возвращаясь к моим баранам, суть задачи: навелся/кликнул —получил следующий уровень меню (который был, но прятался). Кто-то может заслуженного пивка попить, но боится славы, видимо.
То, что css-transaction и css-animation это разные вещи. Я говорил про второе, ты приводил в пример первое. Вот и все.
Жаль, что желающих не нашлось. Мне бы вообще найти годного товарища на перспективу, потому как сам я верстать не люблю и позиционируюсь как server-side developer. С версталой мы бы могли взаимовыгодно сотрудничать.
Вот результат самоудовлетворения: http://jsfiddle.net/artoodetoo/0tsgojtn/ Техника появления под-меню при клике на чистом CSS подсмотрена здесь: http://stackoverflow.com/a/25991472/272885 Суть метода в том, что картинка это button, а у кнопки есть состояние button:focus. То есть получаем фиксированное состояние. Ну а .submenu:hover присутствует для того, чтобы под-меню не спряталось в момент финального клика. А то сначала теряется focus у кнопки и под-меню прячется, не давая кликнуть по ссылке Очень забавный эффект!
Изначально предполагалось. То что видишь это какбы приближение к желаемому результату. Я уже писал, что верстка нагоняет на меня тоску. Хочется делегировать это специалистам. Предполагаю, что разметка может остаться именно такой: Код (PHP): <ul class="timeline"> <li> <button><img alt="" src="http://lorempixel.com/output/animals-q-c-100-100-1.jpg"></button> <ul class="submenu"> <li>[url="#"]Jan[/url]</li> <li>[url="#"]Feb[/url]</li> <li>[url="#"]Mar[/url]</li> <li><span>Apr</span></li> <li>[url="#"]May[/url]</li> <li>[url="#"]Jun[/url]</li> <li><span>Jul</span></li> <li>[url="#"]Aug[/url]</li> <li>[url="#"]Sep[/url]</li> <li>[url="#"]Oct[/url]</li> <li>[url="#"]Nov[/url]</li> <li>[url="#"]Dec[/url]</li> </ul> <em>2000</em> </li> … за счет стилей при выделении года должна проявляться новая детализация временно́й шкалы — месяцы года. Профи опять обосрались?
Тебе бы на форум верстальщиков с этим делом, вот что я скажу. Тут как-то все в основном серверсайдеры же, не только ты.