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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Решение

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

Как менять картинку при наведении курсора мыши

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