Адаптивный анимированный аккордеон на CSS3

Адаптивный анимированный аккордеон на CSS3 www.rudebox.org.ua

Cегодня я бы хотел поговорить о организации места на сайте, меня часто спрашивают, как создать красивый анимированный аккордеон для сайта, который будет приятным в интерфейсе и требовал минимум усилий в реализации.
« Комментарии

Похожие анонсы

Как создать анимированный баннер на CSS3 @ 31.01.2012 20:31
Давно хотел написать о создании баннера для сайта непосредственно средствами css, не применяя при этом технологий flash. Совсем недавно наткнулся на интересную зарубежною статью о том, как создать красивый анимированный баннер.
Легкий аккордеон используя CSS и jQuery @ 02.09.2011 08:48
В этой статье я покажу как используя CSS и jQuery, можно сделать легкий и красивый аккордеон. Для его создания понадобиться написать лишь пару строчек кода на jQuery и немного на CSS, и для красоты будем использовать немного CSS3. И сразу хочу отметить, что в этой статье я рассказываю не как создать плагин для jQuery, а просто аккордеон, но если же тема будет востребовательна, тогда напишу статью как создать плагин :)
Создаем аккордеон для сайта на CSS3 @ 07.11.2011 12:05
Продолжил рассматривать интересные идеи для сайта которые помогут скрасить дизайн Вашего сайта, в данном уроке мы рассмотрим замечательный прием для экономии места для сайта, сделаем это с помощью простого аккордеона с помощью CSS3. Данное решение предоставляет большой функционал, так как этот аккордеон можно использовать с различным контентом
Анимированный градиент в качестве фона сайта @ 10.10.2018 14:36
Сегодня мы бы хотели поговорить о достаточно легком приеме создания градиентного фона на чистом CSS3. У нас часто спрашивают, как создать необычный градиентный фон, с анимацией или метаморфозами но оказывается часть читателей хотят знать как можно реализовать самый обычный градиент на сайте.
Создаем вертикальный аккордеон на CSS3 @ 25.03.2012 16:21
Некоторую информацию необходимо скрыть на сайте, но в тоже время чтобы она была на виду. В сегодняшнем уроке будем использовать только скрытые элементы ввода мы создадим вертикальный аккордеон с анимацией используя CSS3. Подобных аккордеонов достаточно много можно найти в сети, но не все поддерживают псевдо-класс для закрытия или одновременного открытия нескольких разделов.
Создаем анимированный футер для сайта на CSS @ 23.05.2018 10:23
Создавая хороший сайт не стоит забывать о деталях, каждый элемент должен быть продуман и подогнан к деталям и цветовой палитре. В сегодняшнем уроке мы рассмотрим как создать замечательный, анимированный подвал для сайта который будет отзывчивым для посетителя и адаптивным при просмотре. Идея заключается в том, что подвал сайта по умолчанию скрытый и будет появляться только при прокрутке страницы,
Аккордеон на чистом CSS @ 17.06.2013 15:38
Привет, друзья. Помнится, была у меня уже неудачная попытка создать аккордеон на CSS. Тогда он работал только при наведении на элемент, а не по щелчку на нем. Но теперь, вдохновившись результатами моих уроков: Секундомер на CSS и Замена элемента "select" на CSS, я смог осуществить свою задумку.
Содержимое в виде аккордиона на CSS @ 27.02.2014 16:39
Сегодня мы создадим вертикальный и горизонтальный аккордеон для содержимого используя лишь технологию CSS3. Конечно, существует огромное множество плагинов, которые позволяют сделать это, но а если пользователь зашел к вам на сайт с отключенным javascript в браузере? А данный аккордеон будет работать правильно даже в этом случае.
Создание аккордеон-галереи с помощью jQuery @ 25.07.2011 15:27
Почти на каждом сайте можно найти множество галерей картинок, и если Вы недавно начали заниматься сайтами, то наверняка задумаетесь как создать красивую и в тоже время притягивающею взгляд галерею, по этому в данном уроке я расскажу как создать аккордеон-галереи с помощью библиотеки jQuery. Порой данный эффект еще называют эффектом раздвижных дверей.
Меню-аккордеон на jQuery @ 09.01.2013 06:29
В прошлом уроке я рассказал о том, как создать меню в стиле аккордеона на CSS. Но все это производилось при наведении на объект, что не удобно для пользователей смартфонов и планшетов. По этому я решил переделать тот аккордеон с CSS на jQuery User Interface.

Спонсоры

Авторизация

Имя:
Пароль:
 

Друзья проекта

Активность на сайте