Site icon Vavik96

Табы на CSS3

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


Источник

Exit mobile version