Эффект фонарика на CSS и jQuery

Вот фонарик очень нужный
И бесценный инструмент,
Лучик света он подарит
В темный блочный элемент.

Данный эффект основан на радиальном градиенте CSS с использованием jQuery для движения.

Пример:

HTML:

CSS:

jQuery:

Если необходимо передвигать фонарик за мышью при скролинге, то используем этот код:

Смотрите также:

Добавить комментарий:

Ваш комментарий отправлен!

Комментарии:

  • Людмила:

    Добрый день, подскажите пожалуйста, как установить этот скрипт на Tilda, у меня не получилось

    Ответить
    • Alexander:

      А на каком именно этапе не получилось?
      На констуркторах очень много ограничений. С тильдой не знаком, даже незнаю, есть ли там jQuery.
      Если есть и можно встроить свой HTML на страницу, то вставляем его, затем CSS
      А jQuery вставляем куда нибудь в подвал, где счетчики (на конструкторах обычно только туда можно вставить свой JS)

      Ответить
      • Людмила:

        там можно загружать скрипты и фото только кодом, без файлов, через script /script
        а для jQuery тоже такой тег нужно ставить?

        Ответить
      • Людмила:

        я в коде не зазбираюсь и даже не понимаю куда адрес картинки нужно прописать) вот сюда код добавила http://ecocandles.tilda.ws/page18968873.html

        Ответить
        • Alexander:

          Адрес картинки в CSS, а у вас в HTML стоит тегом img
          На этой странице вообще CSS не вижу с примера.

          Ответить
  • Uh:

    Добрый день!
    Пытался вставить код в редимаг, но почему-то не работает эффект. Можете подсказать, какие возможны причины?

    Ответить
    • Alexander:

      Без ссылки на результат или ошибку -даже не представляю…

      Ответить