Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Бесплатные «аккордеон»-меню с помощью HTML5 и CSS3

21 сентября 2013 | Опубликовано в Веб-дизайн | 1 Комментарий »

HTML — популярный язык, используемый для строительства веб-страниц и другой информации, которая может быть показана в web-браузере. HTML 5 является последним достижением. С другой стороны, CSS — язык, который используется для того, чтобы описать семантику представления на веб-сайтах, это язык разметки стилей; HTML и XML были наиболее используемыми языками. CSS разъединяет содержание самого документа и его представления, включая элементы расположения, цвета и шрифтов. CSS также, как и HTML, появился с различными версиями, и CSS3 является текущей. "Аккордеон"-меню на HTML 5 и CSS 3 используется, чтобы построить дизайн веб-сайтов с хорошей разметкой, комбинацией цвета и идеальной типографией. Аккордеон — многоуровневое меню с фиксированной высотой и шириной. Оно может быть использовано для создания отсека подпунктов главного меню. Вашему вниманию представляются бесплатные «аккордеон»-меню на HTML5 и CSS3, которые могут быть использованы для веб-дизайна и разработки сайтов.

 

Accordion using only CSS


Responsive: Tabs to accordion


CSS3 Multiple Accordion Menu


Accessible Accordion & Toggle


RWD Accordion


jQuery Accordion custom navigation 


CSS3-only accordion


Simple Accordion


Simple Accordion FAQ List


Hover activated accordian with default state


Accordion slider


Accordion


Simple accordion for news


CSS Based Animated Accordion


Fading List


Content Accordion in Pure CSS3


Accordion without Javascript


CSS3 Accordion


Vertical Accordion effect with jQuery


Multi level slide accordion menu with jQuery


Accordion with CSS3


Flexible Slide-to-top Accordion


Vertical Sliding Accordion with jQuery


Elegant Accordion with jQuery and CSS3


Accordion Menu


 

Перевод — Дежурка.

Автор — Unaiz.

Возможно, вам будет интересно: Прозрачные ui-элементы бесплатно. 




Комментарии

  1. KasQad
    Thumb up Thumb down 0

    хорошая подборка. кое что взял для себя :)

    Ответить

Оставить ответ


8 − пять =

Вставить изображение