все самое интересное о веб-дизайне

Угловая лента, иконка-календарь, эффект боке и другие CSS3 мануалы с примерами

4

10-03-2012

Угловая лента, иконка-календарь, эффект боке и другие CSS3 мануалы с примерамиВ этой подборке я собрала CSS3 мануалы по созданию динамического блока Related Posts, сложенной стопки листов бумаги, треугольников, кнопки с иконками, угловой ленты и эффекта боке. Также интересно будет узнать как стильно оформить галерею картинок, сделать эффект смены страницы, анимированное меню и контент-слайдер. Очень интересен динамический эффект разноцветного текста, поляроидного слайдера и анимированного чека с ценой, реагирующего на нажатие мышкой. Напоследок припасен вертикальный аккордеон и динамическое оформление цитаты.

1. Динамический блок Related Posts
Перейти на Динамический блок Related Posts

2. Сложенная стопка листов бумаги
Перейти на Сложенная стопка листов бумаги

3. Треугольники
Перейти на Треугольники

4. Оформление картинок
Перейти на Оформление картинок

5. Кнопки с иконками
Перейти на Кнопки с иконками

6. Эффект смены страницы
Перейти на Эффект смены страницы

7. Угловая лента
Перейти на Угловая лента

8. Анимированное меню
Перейти на Анимированное меню

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

10. Эффект боке
Перейти на Эффект боке

11. Всплывающие подсказки
Перейти на Всплывающие подсказки

12. Разноцветный текст
Перейти на Разноцветный текст

13. Анимированный кнопки меню
Перейти на Анимированный кнопки меню

14. Анимированные маркеры загрузки
Перейти на Анимированные маркеры загрузки

15. Динамический поляроидный слайдер
Перейти на Динамический поляроидный слайдер

16. Иконка-календарь
Перейти на Иконка-календарь

17. Цветной указатель рейтинга
Перейти на Цветной указатель рейтинга

18. Анимированный чек с ценой
Перейти на Анимированный чек с ценой

19. Вертикальный аккордеон
Перейти на Вертикальный аккордеон

20. Оформление цитаты
Перейти на Оформление цитаты

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

  • Понравился пост? Поддержите DesingNonstop рублём!

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

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

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

Комментариев 4 комментария

Спасибо за подборку =D

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

@Юра:
Пожалуйста! ))

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

Вот смотришь на это и все и понимаешь какие возможности дает CSS3, а вот внедрить все это у себя сложно, ибо заказчики все еще хотят поддержку IE6 IE 7 =(

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

@Newboon:
Все правильно говорите. Только вчера сама с таким случаем столкнулась. Жаль конечно, что ИЕ так тормозит развитие…

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

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

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