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

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

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

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

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

Доброго времени суток!

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

html код самой ссылки(блока с картинкой)

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

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

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

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

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

1. С использованием Читать далее «Плавное увеличение картинки при наведении курсора»

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

Задача

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

Решение

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

Псевдокласс :hover

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

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

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

Многие, конечно, будут делать это на JavaScript. хотя Читать далее «Как менять картинку при наведении курсора мыши»