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

9

10491
13-06-2011

20 впечатляющих возможностей и функций CSS3 технологий с примерамиВ этой подборке я собрала отличные уроки, которые мне очень нравятся, с примерами того, какие вещи можно сделать с помощью CSS3 технологий. Это и контактная форма, и тени у объектов, и 3D текст. А также простейшее раскрывающееся меню, симпатичные кнопки, необычные градиенты для текста, оригинально оформленная поисковая строка, кастомная админ панель, стильные кнопки навигации, поворот текста, паттерны для фона, выпадающее меню, постраничный навигатор и треугольник.

1. Контактная форма
Посмотреть урок Контактная форма

2. Тени у объектов
Посмотреть урок Тени у объектов

3. 3D текст
Посмотреть урок 3D текст

4. Раскрывающееся меню
Посмотреть урок Разговорные блоки

5. Кнопки
Посмотреть урок Кнопки

6. Градиент у текста
Посмотреть урок Градиент у текста

7. Поисковая строка
Посмотреть урок Поисковая строка

8. Кастомная админ панель
Посмотреть урок Кастомная админ панель

9. Кнопки навигации
Посмотреть урок Кнопки навигации

10. Поворот текста
Посмотреть урок Поворот текста

11. Градинтная маска
Посмотреть урок Градинтная маска

12. Выпадающее меню
Посмотреть урок Выпадающее меню

13. Паттерн для бэкграунда
Посмотреть урок Паттерн для бэкграунда

14. Цветовой круг — страница удалена автором
Посмотреть урок Цветовой круг

15. Паттерн для бэкграунда
Посмотреть урок Паттерн для бэкграунда

16. Эффект размытия для текста
Посмотреть урок Эффект размытия для текста

17. Постраничный навигатор
Посмотреть урок Постраничный навигатор

18. Треугольник
Посмотреть урок Треугольник

19. Загнутая за края лента
Посмотреть урок Загнутая за края лента

20. Тени у блоков
Посмотреть урок Тени у блоков

 
 

PS. Постовой. А вы знаете, что специализированные графические редакторы существенно упрощают жизнь креативного человека. Так что, если создание коллажей для вас основное хобби, то простая в использовании программа упростит процесс создания эффектного коллажа до нескольких кликов мыши.

  • Короткая ссылка на этот пост: https://www.designonstop.com/?p=3695
  • Поддержать DesingNonstop рублём!

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

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

Спасибо за подборку, Добавил в избранное 🙂 .
Возможности впечатляют конечно =) Да и польза думаю будет существенная если некоторые графические элементы заменить на чистый css3. Но это точно не сейчас. ^_^

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

Реально впечатлило! На новом блоге обязательно попробую css3

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

Классно!

Я тоже добавил в избранное….

Спасибо Большое!

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

Спасибо!
Действительно классная подборка, много полезного узнал для себя.

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

@OlegS9:
@Yurlick:
@Сергей:
@WeBigma:
Пожалуйста, друзья! У меня в закладках много подобных туториалов. Я сама потихоньку осваиваю. Хочется применить все и сразу, а получается только один-два приема использовать 🙂

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

часть мануалов у меня на блоге переведено) а в целом неплохая подборка

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

@Руслан:
Отлично! Буду ходить к вам на блог за подсказками ))

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

Огромное спасибо!))))Эти уроки явно пригодятся))

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

@Толкунов Сергей:
Пожалуйста! ))

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

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

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

47 queries in 0,248 seconds.