/
githubmirror
/
anime
Обзор
Документация
Войти
/
githubmirror
/
anime
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
examples/animatable-follow-cursor/index.html
51 строка
1 KB
Julian Garnier
4.5.0
22 июн 2026, 17:32
22 июн 2026, 17:32
34f4179
Код
Авторство
О чём код?
<!DOCTYPE html> <html> <head> <title>Animatable follow cursor / Anime.js</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <link href="../assets/css/styles.css" rel="stylesheet"> <style> body { display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; overflow: hidden; width: 100%; height: 100vh; } .particles { --size: 21; --diameter: 1em; --margin: 0em; font-size: 10px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; width: calc(var(--size) * 1em); height: calc(var(--size) * 1em); } .particles div { position: relative; width: calc(var(--diameter) - var(--margin) * 2); height: calc(var(--diameter) - var(--margin) * 2); margin: var(--margin); background: var(--red-1); mix-blend-mode: plus-lighter; box-shadow: 0 0 10px 0 var(--red-1); border-radius: .5rem; opacity: .75; } </style> </head> <body> <div class="particles"></div> <script type="module" src="./index.js"></script> </body> </html>