#

svg

Работа с SVG-элементами в веб-визуализациях

ПрограммированиеАннотации под столбцами на столбчатой диаграмме с отрицательными значениями в Google Charts

Как переместить аннотации для отрицательных значений (-0.95) под столбцы в Column Chart Google Charts. Настройки alwaysOutside, MutationObserver, селекторы text-anchor и полный код для динамической корректировки позиций.

5 ответов• 3 просмотра
ВебСоздание внутреннего закругления в div с адаптивностью

Альтернативные методы CSS для создания внутреннего закругления в правом нижнем углу div-а. Решения с mask, SVG clipPath и псевдоэлементами для адаптивного дизайна.

1 ответ• 1 просмотр
ВебПрозрачная кнопка CSS с градиентной рамкой: пример кода

Как создать прозрачную кнопку CSS с градиентной рамкой на прозрачном фоне. Пошаговое руководство с SVG-градиентом, border-image, эффектами hover и совместимостью браузеров. Готовый код для копирования.

1 ответ• 2 просмотра
ВебЭффект жидкого стекла: реализация CSS и JS кодом

Как создать эффект жидкого стекла (liquid glass) в графическом интерфейсе с помощью CSS backdrop-filter, SVG-фильтров и JavaScript. Базовый код, продвинутые техники, совместимость браузеров и оптимизация производительности для UI.

1 ответ• 28 просмотров
ВебКастомная пунктирная граница в CSS: SVG и градиенты

Как сделать кастомную пунктирную границу в CSS: толщина 12px, длина штриха 90px и удлинённые штрихи в углах. Варианты: SVG, border-image и CSS-градиенты.

1 ответ• 6 просмотров