Табы на CSS3

Псевдокласс :checked для элемента формы radio в связке с label, позволяет создавать даже такие компоненты, как табы. С помощью :checked мы не только переключаем меню табов, которое представляет собой несколько элементов label, но и влияем на контент каждого таба. CSS3-свойства transform и transition в сочетании с прозрачностью (opacity) позволяют «передвигать» контент внутри табов при переключении радиокнопок. Получаются весьма симпатичные табы, работающие правда только в современных браузерах.


Источник

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.