8 простых эффектов с использованием свойства CSS3 Transition

      CSS

Здравствуйте, уважаемые читатели XoZbloga! CSS3 внёс бесчисленные количество новшеств для дизайнеров, и большинство из них очень легки в применении. Достаточно описать пару строк кода, что даст вам удивительный анимационный эффект, который будет на загляденье всем посетителям и поспособствует их активности на сайте. В этой статье рассмотрим 8 простых эффектов с использованием CSS3 свойства — Transition.

Анимация при прокрутке страницы (используем jQuery и CSS3)

Здравствуйте, уважаемые читатели XoZbloga! В этой не большой статье разберем способ, с помощью которого можно оживить статичные HTML элементы на странице. Тенденция, которая популярна в последнее время — это анимационное изменение элементов при прокрутке страницы. В данной статье мы создадим заголовок в самом верху страницы и в момент скроллинга будет происходить плавное изменение размера и цвета заголовка.

Как создать простой Parallax эффект

Здравствуйте, уважаемые читатели XoZbloga! В последнее время стал очень популярным параллакс эффект прокрутки страницы. Суть заключается в том, что содержание страницы прокручивается с разной скоростью, создавая ощущение перспективы и следовательно глубины. В этой статье я покажу основной принцип создания такого эффекта и создам простую двухслойную parallax прокрутку.

Портфолио с использованием jQuery и CSS3

Здравствуйте, уважаемые читатели XoZbloga! Существует много способов отображения портфолио с эскизами выполненных работ, один из них — это упорядоченные плитки с псевдо-постраничной навигацией. В этом уроке я расскажу о том, как можно изящно реализовать подобное решение с использованием JQuery и CSS3 Transform.

15 эффектов для изображений (используем только CSS3)

      CSS

Здравствуйте, уважаемые читатели XoZbloga! В этой статье подготовлены 15 интересных эффектов для изображений, которые Вы можете применить на своем сайте. Каждый эффект состоит из HTML разметки и стилей CSS. Вам остается только скопировать и добавить в свой исходный код. Чтобы увидеть их в действии посетите демонстрационную страницу.

Модальное окно на jQuery с формой отправки письма

Здравствуйте, уважаемые читатели XoZbloga! Однажды я уже писал о модальных окнах, то была статья о создании окон для WordPress с помощью плагина Easy Modal Lite. В этой статье покажу способ создания всплывающего окна на любом сайте. Использовать будем jQuery плагин fancybox. А чтобы добавить смысловой нагрузки статье, вставим в модальное окошко форму отправки письма. Сразу хочу заметить модальные окна на этом плагине работают на всех браузерах. Приступим!

Стилизация элементов checkbox и radio button на CSS3

      CSS

Здравствуйте, уважаемые читатели XoZbloga! Часто ли Вы создаете различные формы, опросы на своих сайтах? Если да, то наверняка Вам хотелось изменить стандартные элементы. В этой статье покажу как можно легко и просто заменить стандартные элементы checkbox (флажки) и radio button (переключатели) на свои. Использовать будем средства только CSS3!