Создание красивых эффектов при наведении курсора в WordPress

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

Для этого воспользуемся плагином Image Hover Effects Css3. Все возможные эффекты, которые можно создать с помощью этого плагина, вы можете увидеть на демо страницах:

Надо сразу сказать, Продолжить чтение

Смена картинки при наведении, ролловер-эффект с помощью CSS

Смена картинки при наведении, ролловер-эффект с помощью CSSДоброго времени суток!

Иногда при создании сайта необходимо организовать ссылку(блок), где при наведении курсором - одно изображение сменяет второе. Чаще всего это осуществляют следующим образом - в CSS для блока прописывают фоном одну картинку, а потом задают свойству hover - другую картинку. Продолжить чтение

Как изменить картинку при наведении на нее курсора или немного о hover-эффектах

Как изменить картинку при наведении на нее курсора или немного о hover-эффектахЗдравствуйте уважаемые читатели блога webcodius! Часто получаю вопросы: как сделать так, чтобы картинка на web-страничке менялась при наведении на нее курсора мыши. Такой эффект встречается на многих сайтах и самый простой пример, это когда вы наводите курсор на какую-нибудь кнопку, а она после Продолжить чтение

Девять простых примеров CSS3 анимации

Девять простых примеров CSS3 анимацииKarina | 18.02.2016

CSS3 открывает неограниченные возможности перед UI-дизайнерами, и главный плюс состоит в том, что практически любую идею можно легко реализовать и воплотить в жизнь, не прибегая к использованию JavaScript.

Удивительно, как простые вещи могут оживить обычную веб-страницу, сделать Продолжить чтение

Псевдоклассы

ПсевдоклассыПсевдоклассы - это особые свойства, которые позволяют менять стиль элемента в зависимости от действий пользователя, а так же положения этого элемента (тега) в общем потоке документа, что позволяет разбавить дизайн страницы некой динамикой и логикой. Классическим примером применения псевдоклассов является ссылка, которая меняет свой цвет при наведении на неё курсором.

Вот список Продолжить чтение

Плавное увеличение картинки при наведении курсора

Плавное увеличение картинки при наведении курсораРаньше я писал об увеличение картинки при наведении при помощи css. Но она была не доработана.

Совсем недавно, мне требовалось сделать что-то похожее, только на jQuery. И я доделал тот пример и добавил эффекты при помощи jQuery. Вообщем у меня получилось два варианта:

  1. С использованием CSS, без jQuery.
  2. С использованием CSS и jQuery.

1. С использованием Продолжить чтение

CSS: Оформление ссылок

CSS: Оформление ссылокСелекторы псевдо-классов

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

Как сделать, чтобы картинка менялась при наведении на нее курсора мыши?

Как сделать, чтобы картинка менялась при наведении на нее курсора мыши?Задача

Заменить одну картинку на другую при наведении на неё курсора мыши.

Решение

Смена одной картинки на другую при наведении на неё курсора мыши называется эффектом перекатывания. Обычно для создания эффекта перекатывания применяется JavaScript, Продолжить чтение