Предлагаем к ознакомлению набор свежих элементов для пользовательского интерфейса. Интересные и актуальные решения для современных WEB-сайтов.
1. CSS-Only Nested Dropdown Navigation — вертикальное меню с выпадающими элементами, которое создано исключительно с помощью CSS3. Приятная анимация и многоуровневая вложенность. Просто и изящно.
Смотреть работу примера
2. CSS-only directionally aware hover — необычный эффект при наведении на блоки с изображениями, также средствами CSS3. Подложка следует за курсором, что создает впечатление единого блока, которые перемещается с помощью мыши. Практично.
Смотреть работу примера
3. On Click Event for Pretty Transitions — креативные переходы между блоками с помощью клика. Заточено под тап на смартфоне. Оригинальное решение для првеью или приветственных сообщений.
Смотреть работу примера
4. Checkboxes Styled — стилизация чекбоксов без JS-плагинов. С помощью псевдоклассов отслеживаем состояние элементы и накидываем ему стили.
Смотреть работу примера
5. Animated CSS only 3D paper fold text effect — ну и завершим нашу мини-подборку шикарным 3-Д эффектом для текста при наведении: буквы трансформируются и создают впечатления «вырезанных» из бумаги.
Смотреть работу примера
На этом все. Используйте в своих проектах грамотно. Удачи!