Паук реализован на чистом JS и хорошо подойдет для оформления секции на сайтах подходящей тематики.

Пример:

Выбрать другой фон для примера:

image
image
image

HTML:

CSS:

JS:

Цвет паука задается в HSL строкой:

c.strokeStyle = "hsl(" + (this.rand * 20 + 180) + ",100%," + (this.rand * 40 + 25) + "%)";

а толщина его лап:

c.lineWidth = this.rand * 2;


Найдено на codepen.io у пользователя Becod

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

Красивая смена фоновых изображений по клику с использованием WebGL

Воронка из вращающихся геометрических фигур на JS

Красивый фоновый эффект на JS с движущимися неоновыми волнами

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

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

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

  • Руслан:

    Здравствуйте!
    Подскажите, пожалуйста, для чайника, какое должно быть название папки в js, если на движке используется шаблон (а там несколько папок js)?

    Ответить
    • Alexander:

      В каждом шаблоне есть стили и скрипты
      Вы можете не делать новые, а добавить в те, которые есть.
      Если дадите ссылку на сайт, я скажу куда именно

      Ответить