Skip to content

Commit

Permalink
update(CSS): web/css/animation-range
Browse files Browse the repository at this point in the history
  • Loading branch information
undead404 committed Dec 28, 2024
1 parent 49fea11 commit 3d943a5
Showing 1 changed file with 5 additions and 3 deletions.
8 changes: 5 additions & 3 deletions files/uk/web/css/animation-range/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -80,12 +80,14 @@ animation-range: entry 10% 90%;

У випадку значень `<timeline-range-name>`, що не включають `<length-percentage>`, усталений відсоток – `0%` для значення `animation-range-start` і `100%` для значення `animation-range-end`.

> **Примітка:** Доволі важко уявити, що ці значення означають, на основі описів вище. На щастя, [Візуалізатор діапазонів часової шкали перегляду](https://scroll-driven-animations.style/tools/view-timeline/ranges/) точно демонструє, що вони означають, у простому візуальному форматі.
> [!NOTE]
> Доволі важко уявити, що ці значення означають, на основі описів вище. На щастя, [Візуалізатор діапазонів часової шкали перегляду](https://scroll-driven-animations.style/tools/view-timeline/ranges/) точно демонструє, що вони означають, у простому візуальному форматі.

- `<timeline-range-name> <length-percentage>`
- : Значення-комбінація, що дорівнює заданим відсоткам або відстані на заданому іменованому діапазоні часової шкали, виміряним від початку цього діапазону часової шкали.

> **Примітка:** Частина області прокрутки (деталі в {{glossary("Scroll container", "Контейнері прокрутки")}}), відома як діапазон видимості прогресу перегляду, – це область, у межах якої елемент-суб'єкт анімації _іменованої часової шкали прогресу перегляду_ вважається видимим. Усталено це повний діапазон області прокрутки, але її можна налаштувати за допомогою властивості {{cssxref("view-timeline-inset")}}.
> [!NOTE]
> Частина області прокрутки (деталі в {{glossary("Scroll container", "Контейнері прокрутки")}}), відома як діапазон видимості прогресу перегляду, – це область, у межах якої елемент-суб'єкт анімації _іменованої часової шкали прогресу перегляду_ вважається видимим. Усталено це повний діапазон області прокрутки, але її можна налаштувати за допомогою властивості {{cssxref("view-timeline-inset")}}.

## Формальне визначення

Expand Down Expand Up @@ -214,7 +216,7 @@ p {

Прокрутіть, щоб побачити анімацію елемента-суб'єкта.

{{EmbedLiveSample("stvorennia-imenovanoii-chasovoii-shkaly-prohresu-perehliadu-z-diapazonom", "100%", "480px")}}
{{EmbedLiveSample("stvorennia-imenovanoi-chasovoi-shkaly-prohresu-perehliadu-z-diapazonom", "100%", "480px")}}

## Специфікації

Expand Down

0 comments on commit 3d943a5

Please sign in to comment.