CSS эффекты изображений при наведении курсора

css эффектов при наведении на изображение
Оцените статью
Добавить комментарий

  1. Элси

    Прикольно) А как можно сделать так, чтобы только в определенном сообщении был эффект?

    Ответить
  2. Иванова Наталья

    Элси, вначале записи написано, как сделать, чтобы добавить выборочно эффекты к изображениям.
    Напишу подробнее:
    1. Выбираешь эффект из статьи и копируешь код в блокнот.
    2. Заменяешь в коде .post-body img на img.effekctCss и .post-body img:hover на img:hover.effekctCss
    3. Вставляешь полученный код в редактор шаблона перед кодом ]]>
    4. Сохранить изменения.
    5. Теперь при публикации сообщения, к коду изображения, к которому будет применяться эффект, нужно добавить class=”effekctCss”. Код изображения примет вид: <img class=”effekctCss” src=”url картинки">

    Пиши, если будет непонятно!

    Ответить
  3. Иванова Наталья

    Элси, а вот второй вариант, когда в редакторе шаблона, мы добавляем эффект к определенной странице блога. Нужно добавить код перед </head>

    <b:if cond='data:blog.url == "http://адрес_вашей_страницы/"'&gt;
    <style>
    код эффекта изображения (скопировать из статьи)
    </style>
    </b:if>

    Ответить
  4. Элси

    Извини, не внимательно прочла начало статьи) Спасибо за ответ, Наташа!

    Ответить
  5. Иванова Наталья

    Элси, ничего страшного)
    Я сама такая - читаю по диагонали.

    Ответить
  6. BVB-Russe

    Здравствуйте, а как сделать эффект, чтобы при наведении курсора на фото было перекрытие желтым цветом в 75 или 50% от истинного RGB?

    Ответить
  7. Maximilian Edelman

    Спасибо очень пригодилось)))

    Ответить
  8. Юлия Гусарь

    Спасибо за статью! Для WordPress к стати плагин есть чтобы подобные анимации делать. Вот видеообзор https://www.youtube.com/watch?v=Wtd2e5L47pc

    Ответить
  9. Роман

    а подскажите какой html код прописать на странице чтоб карнинки слегка затемнялись (или выделялись) при наведении курсора, я что только не перепробовал страница http://lamik59.narod.ru/index/laminat_platinum_power/0-40 у меня 2 редактора визуальный и HTML-кодов заранее спасибо

    Ответить
  10. Иванова Наталья

    Попробуйте добавить img {
    opacity: 0.8;}
    img:hover {
    opacity: 1;}

    Ответить