VoxelGod
@VoxelGod
Настройка шаблонов WordPress

Как можно добиться следующего эффекта?

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

db36f4adb7eb4009bc2745bd3d5b6859.png

Возьмем первый пункт меню(круг). На нем изображен домик. Так вот при наведении на него должен срабатывать какой-то эффект, который бы заменил иконку домика на надпись "домой".

Если знаете хоть какой-то эффект, отражающий моим запросам - напишите, буду признателен. Если же такой эффект нужно будет пилить самому, то с помощью чего?

Заранее спасибо!
  • Вопрос задан
  • 237 просмотров
Решения вопроса 3
Mikhail_RU
@Mikhail_RU
учусь
Можно по разному сделать.

CSS transitions сейчас в тренде:

codepen.io/mixa_ru/pen/vLNZOK

Самый нижний вариант.
Ответ написан
Комментировать
coderisimo
@coderisimo Куратор тега JavaScript
делаешь два слоя в одном надпись в другом иконка - вуаля!
jsfiddle.net/uXeg2/2
Ответ написан
VoxelGod
@VoxelGod Автор вопроса
Настройка шаблонов WordPress
Нашел то, что искал. Вот пример подобного эффекта: www.jqueryrain.com/?0BLJfRgv
Погуглил, название у этого дела незамысловатое: image hover effects. Сразу почему-то не додумался.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы