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

• 

  Слайдер на CSS3 с эффектом параллакса

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

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

  Создание простой галереи изображений Lightbox на jQuery

  Есть ряд вопросов, которые нужно рассмотреть, когда Вы создаете свою тему WordPress. Один из таких элементов страницы – динамическая галерея изображений, использующая или ligthbox, или какую-то скользящую панель. Оба этих пользовательских интерфейса изящно вплетаются в содержание статьи. Так как они оба работают на типичных вебсайтах, удобно иметь под рукой код, готовый к использованию в любых темах оформления блога.

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

  20 CSS-уроков для адаптивного веб-дизайна

  Сегодняшняя подборка уроков для CSS посвящена адаптивному веб-дизайну. Как самому сделать так, чтобы ваш сайт отображался корректно на любом экране? Вы наверняка найдете ответ ниже. Вас ждут уроки для начинающих и продвинутых кодеров. Вы научитесь создавать адаптивный сайт, а также его отдельные элементы.

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

  Создание CSS3 исчезающих окон уведомления

  Современные технологии в области веб-дизайна позволяют быстро внедрить анимацию, поддерживаемую большинством браузеров. Я думаю, что предупреждающие сообщения выглядят банально, потому что стандартное JavaScript сообщение довольно навязчиво и с точки зрения дизайна бедно. Это привело разработчиков к поиску лучших решений, ведущих к более дружелюбному интерфейсу.

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

  Простые hover-эффекты для изображений при помощи CSS

  Hover-эффекты — достаточно интересная тема для изучения.  Ведь их применение может сделать ваш сайт более динамичным и живым. Сегодня мы рассмотрим некоторые эффекты для работы с изображениями. Каждый пример  имеет HTML и CSS коды, которые вы можете увидеть в действии.

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

  20 уроков по созданию кнопок на чистом css

  Предлагаем вашему вниманию подборку уроков по созданию кнопок на чистом css. Как ни крути, без кнопок на сайте никак не обойтись, а эти уроки могут натолкнуть вас на новые идеи и помочь лучше освоить css3. Также здесь вы найдёте несколько готовых решений. Надеемся, они вам пригодятся.

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

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

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

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

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

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

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

  Делаем навигацию на CSS3 с превью

  Сегодня мы рассмотрим вариант создания красивого эффекта при наведении мышкой на элемент цикличной навигации. Реализуем мы его, используя CSS3 transitions. Итак, задача наша в том, чтобы создать цикличную навигацию карусельного типа, добавить круглые кнопки со стрелками, перерастающие при наведении мышки в такие же круглые превью следующей страницы. В рассматриваемом примере это будут превью предыдущего и последующего изображения.

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