№ - 5 Эффект « Светящийся эффект »
Скрипт с светящимся эффектом для выделения курсора.
Для выделения курсора в этом коде возможно использовать :
~ светящаяся полоска с анимационным фоном или без;
~ Текст с переливами;
~ Анимационная, статичная картинка ;
или при необходимости совместить всё вместе.
Быстро настраивается , без лишних действий. Задать размер полоски , время в секундах для работы скрипта.По истечению этого времени эффект исчезает и появляется при начале движения курсора.
Конечно эффектнее этот код будет смотреться на тёмных фонах.
Пишем или не пишем под курсором текст
~ Меняем в стилях скорость смены цветов - animation: colors 3s infinite;
~ Меняем в стилях прозрачность - opacity: 0.5;, чем больше , тем менее прозрачный
~ Изменить положение полоски - transform: translate(-50%, 50%);
~ Изменить время действия скрипта в сек.- timeout = setTimeout(mouseStopped, 3000);
Создайте текстовый документ .txt --> Копируем код в форме и вставляем в файл .txt --> Переименуйте файл в .HTML ---> Откройте с помощью браузера и увидите результат.
Картинки и ссылки
Для сохранения картинки на компьютер наведите курсор на рисунок , сделайте клик правой кнопкой мышки и в выпавшем окне выберите пункт : Сохранить изображение как...
Для получения ссылка на картинку , наведите курсор на рисунок , сделайте клик правой кнопкой мышки и в выпавшем окне выберите пункт: Копировать адрес изображения
Для просмотра оригинала картинки , наведите курсор на рисунок , сделайте клик правой кнопкой мышки и в выпавшем окне выберите пункт: Открыть изображение в новой вкладке или Открыть исходное изображение в новой вкладке.
Ваш комментарий:
Система комментирования SigComments Изменить, удалить коммент возможно в течении 15 мин