/
Gabryelf
/
Icons-Customize-Gen
Обзор
Документация
Войти
/
Gabryelf
/
Icons-Customize-Gen
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
css/components/canvas.css
53 строки
1 KB
Valeev Serj
exp_version_0.0.1-->0.02
17 июл 2026, 00:16
17 июл 2026, 00:16
6c659ac
Код
Авторство
О чём код?
/* css/components/canvas.css */ .canvas-container { flex: 1; display: flex; align-items: center; justify-content: center; background: radial-gradient(ellipse at 30% 20%, #14142e, #070714); padding: 24px; position: relative; overflow: hidden; } .canvas-container .canvas-wrapper { position: relative; border-radius: var(--radius); box-shadow: var(--shadow); background: #ffffff; overflow: hidden; transition: box-shadow 0.3s ease; } .canvas-container .canvas-wrapper:hover { box-shadow: 0 12px 56px rgba(124, 92, 252, 0.15); } .canvas-container canvas { display: block; width: 100%; height: 100%; cursor: grab; background: #ffffff; } .canvas-container canvas:active { cursor: grabbing; } .canvas-hint { position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); background: rgba(0, 0, 0, 0.6); backdrop-filter: blur(8px); padding: 8px 20px; border-radius: 40px; font-size: 13px; color: var(--text-secondary); border: 1px solid rgba(255, 255, 255, 0.06); pointer-events: none; opacity: 0; transition: var(--transition); white-space: nowrap; } .canvas-hint.visible { opacity: 1; }