20 впечатляющих возможностей технологии CSS3 с мануалами за январь

3

Уроки / HTML CSS10-02-2012

20 впечатляющих возможностей технологии CSS3 с мануалами за январьДавайте посмотрим, какие новые приемы и способы изобрели волшебники CSS3 за последнее время и как это все выглядит на практике. Сначала вдохновимся интересным эффектом с текстом, слайдшоу со всплывающими предпросмотрами и фильтрами для картинок из галереи. Потом нас порадуют замечательный эффект для превьюшек картинок, полноразмерное слайдшоу для бэкграунда и всплывающий лайтбокс для галереи картинок. Далее следуют блюр-эффект, меню с эффектом прокрутки, объемные кнопки, эффектный таймер и виджет с текущими записями.

1. Интересные эффекты с текстом
Перейти на Интересные эффекты с текстом

2. Слайдшоу со всплывающими предпросмотрами
Перейти на Слайдшоу со всплывающими предпросмотрами

3. Всплывающие фильтры для картинок из галери
Перейти на Всплывающие фильтры для картинок из галери

4. Замечательный эффект для превьюшек картинок
Перейти на Замечательный эффект для превьюшек картинок

5. Полноразмерное слайдшоу для бэкграунда
Перейти на Полноразмерное слайдшоу для бэкграунда

6. Всплывающий лайтбокс для галереи картинок
Перейти на Всплывающий лайтбокс для галереи картинок

7. Элементы с неровными краями в дизайне
Перейти на Элементы с неровными краями в дизайне

8. Блюр-эффект для неактивных картинок в галерее
Перейти на Блюр-эффект для неактивных картинок в галерее

9. Меню с эффектом прокрутки
Перейти на Меню с эффектом прокрутки

10. Эксперименты с бекграундом текста
Перейти на Эксперименты с бекграундом текста

11. Анимация для станицы-заставки
Перейти на Анимация для станицы-заставки

12. Эффектное слайдшоу
Перейти на Эффектное слайдшоу

13. Объемные кнопки
Перейти на Объемные кнопки

14. Анимированный баннер
Перейти на Анимированный баннер

15. Меню навигации с халфтоновым рисунком
Перейти на Меню навигации с халфтоновым рисунком

16. Эффектный таймер
Перейти на Эффектный таймер

17. Крутящаяся кнопка с маркером
Перейти на Крутящаяся кнопка с маркером

18. Виджет с текущими записями
Перейти на Виджет с текущими записями

19. Эффект для текста
Перейти на Эффект для текста

20. Эффект смены картинок
Перейти на Эффект смены картинок

Поделиться:      Короткая ссылка на этот пост: http://www.designonstop.com/?p=6540

Подписаться на обновления:

 
 
 

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

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

Комментариев (3)

Спасибо большое, давно ждал новинок CSS =)

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

Потрясающе! Смотрела, затаив дыхание) Больше всего полюбился №6 во втором исполнении, где картинки будто вылетают у тебя из-за спины! А №11 пришелся очень кстати – нам как раз нужна заглушка на сайт для нового проекта! В общем, как всегда, СПАСИБО, НАТАША!

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

@Newboon:
Пожалуйста! Приятного ознакомления ))

@Марина:
Пожалуйста, Марина! И успехов вашему проекту ))

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

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

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