/
Alex_Ural
/
opencode
Обзор
Документация
Войти
/
Alex_Ural
/
opencode
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
dev
packages/ui/src/components/text-strikethrough.css
27 строк
779 B
Kit Langton
Animation Smorgasbord (#15637)
03 мар 2026, 01:24
Не верифицирован
03 мар 2026, 01:24
9d7852b
Код
Авторство
О чём код?
/* * TextStrikethrough — spring-animated strikethrough line * * Draws a line-through from left to right using clip-path on a * transparent-text overlay that carries the text-decoration. * Grid stacking (grid-area: 1/1) layers the overlay on the base text. * * Key trick: -webkit-text-fill-color hides the glyph paint while * keeping `color` (and therefore `currentColor` / text-decoration-color) * set to the real inherited text color. */ [data-component="text-strikethrough"] { display: grid; } [data-slot="text-strikethrough-line"] { -webkit-text-fill-color: transparent; text-decoration-line: line-through; pointer-events: none; } @media (prefers-reduced-motion: reduce) { [data-slot="text-strikethrough-line"] { clip-path: none !important; } }