Кнопки, эффект гаражной двери и другие CSS3 мануалы с примерами

5

14942
08-10-2012

Кнопки, эффект гаражной двери и другие CSS3 мануалы с примерамиПервый мануал — это элегантное раскрывающееся ресторанное меню, далее — впечатляющий слайдер со сменяющимися полноэкранными видео. Симпатичные кнопки on/off всегда пригодятся при создании сайта. Очень интересен эффект динамической типографики с дымчатым эффектом. Эффект гаражной двери — это способ смены картинки на надпись в горизонтальном меню. Для тех, кто хочет добиться, чтобы текст обтекал картинку между столбцами поможет соответствующий мануал. А динамическая объемная тень — это не только сегодняшний тренд, но и стильный оформительский прием.

1. Открывающееся ресторанное меню
Перейти на Открывающееся ресторанное меню

2. Видео слайдшоу
Перейти на Видео слайдшоу

3. Кнопки
Перейти на Кнопки

4. Динамическая типографика
Перейти на Динамическая типографика

5. Графики
Перейти на Графики

6. Панно из девяти картинок
Перейти на Панно из девяти картинок

7. Мягкая смена картинок
Перейти на Мягкая смена картинок

8. Меню с эффектом гаражной двери
Перейти на Меню с эффектом гаражной двери

9. Картинка между абзацами
Перейти на Картинка между абзацами

10. Объемная динамическая тень
Перейти на Объемная динамическая тень

11. Градиент
Перейти на Градиент

12. Контент-слайдер
Перейти на Контент-слайдер

13. Динамические графики
Перейти на Динамические графики

14. Слайдер для картинок
Перейти на Слайдер для картинок

15. Страницы с текстом в виде книги
Перейти на Страницы с текстом в виде книги

16. Динамическое верхнее меню
Перейти на Динамическое верхнее меню

17. Регистрационная форма
Перейти на Регистрационная форма

18. Демонстратор работ в портфолио
Перейти на Демонстратор работ в портфолио

19. Временная шкала для портфолио
Перейти на Временная шкала для портфолио

20. Слайдер
Перейти на Слайдер

Оцените, пожалуйста, статью!
  1. 5
  2. 4
  3. 3
  4. 2
  5. 1
(0 голосов, в среднем: 0 из 5)
  • Короткая ссылка на этот пост: http://www.designonstop.com/?p=7771
  • Получать обновления:

  • Поддержать DesingNonstop рублём!

Написать комментарий с помощью формы ВКонтакте

Написать комментарий с помощью формы Facebook

Написать комментарий с помощью формы Facebook

Комментариев 5 комментариев

Спасибо, возьмем на заметку! 🙂

ОтветитьОтветить

@Иван:
Всегда пожалуйста 🙂

ОтветитьОтветить

Не, ну таланты из codrops не перестают меня удивлять.
Спасибо, Наташа.

ОтветитьОтветить

@SwaEgo:
Пожалуйста!

ОтветитьОтветить

@Наташа Клевер: придумки сразу придумываются:)

ОтветитьОтветить

Написать комментарий с помощью обычной формы блога

Не пишите пожалуйста всякую ерунду и критику, все-равно все удалю. Спасибо за комментарий!

80 queries in 0,539 seconds.