Записи, помеченные ‘css3’

• 

  Несколько колонок при помощи css3

  Наверное, у многих возникала необходимость создания контейнера с несколькими колонками для отображения нужной информации, где текст выглядит приблизительно так, как столбцы в газетах. И многие, скорее всего, реализовали это при помощи обычных div-ов или других элементов и свойства float: left. Css3 даёт нам новые удивительные возможности. Вам не нужно будет делить текст на блоки, теперь всё [...]

  Далее... 3 Комментариев »
• 

  Эффект параллакс-скроллинга при помощи css3

  Разве вы не заметили, что в сети появилось много сайтов с эффектом параллакса? Сегодня мы будем применять этот эффект для вертикального слайдера. Для этого мы не станем использовать JavaScript, только чистый CSS3.

  Далее... 14 Комментариев »
• 

  Создаём забавное меню на чистом CSS

  Библиотека JQuery стала простым и лучшим способом для реализации простой анимации. JavaScript  — это конечно хорошо, но CSS3 предлагает заглянуть в будущее, где основная анимация выполняется при помощи  CSS и совершенно не зависит от сценария. Сегодня мы рассмотрим, как использовать CSS3 для создания веселого и необычного навигационного меню и подключить нестандартный шрифт.

  Далее... 4 Комментариев »
• 

  Полезные статьи и уроки по веб-типографике

  Благодаря нововведениям в  CSS уже сейчас можно создавать потрясающие текстовые  эффекты. Они становятся всё более популярными с каждым днём. В этой статье мы собрали все лучшие текстовые уроки CSS  и советы, которые вам обязательно пригодятся! Типографика играет очень важную роль при создании сайта, поэтому мы  рекомендуем прочитать этот пост и почерпнуть для себя что-то новое. [...]

  Далее... Нет комментариев »
• 

  Вращающиеся иконки при помощи css3

  Сегодня мы научимся создавать вращающиеся графические элементы при помощи css3. Такие эффекты часто используются в веб-дизайне для логотипов, потому что очень привлекают к себе внимание. Наведите курсором мыши на иконку, и вы увидите, как она вращается по своей собственной оси. 

  Далее... 6 Комментариев »
• 

  Потрясающий эффект при наведении на изображение

  В этом уроке мы будем учиться делать интересный эффект при наведении на изображение. Мы создадим его при помощи css3, а также добавим JQuery для браузеров, которые не поддерживают прозрачность и cвойство transition. Также мы позаботимся о том, чтобы наши изображения были адаптивными.

  Далее... 5 Комментариев »
• 

  Создаем динамичное LavaLamp меню при помощи css3

  Многие уже видели примеры анимированных меню с LavaLamp эффектом (созданных при помощи JQuery). Сегодня мы бы хотели вам рассказать, как повторить такой эффект  при помощи CSS3 (без JavaScript). Мы будем использовать свойство CSS3 transitions (для анимации элементов).

  Далее... 4 Комментариев »
• 

  Введение в webkit-фильтры

  CSS-фильтры нужны для создания различных эффектов для изображений, которые можно увидеть в браузере. На сегодняшний день у нас есть возможность показать вам всё, что связано с этими новыми фильтрами. Мы изучим некоторые из них.

  Далее... 4 Комментариев »
• 

  Как избежать ошибок в CSS3

  Новые свойства CSS3 не только дают нам дополнительные  возможности, но приводят  к некоторым трудностям. Эта статья поможет узнать Вам, правильно ли Вы используете новые функции и  избежать распространенных ошибок.

  Далее... 2 Комментариев »