From 4a4c9043d60128c455f9b08a1f9ebf2c1cd6207a Mon Sep 17 00:00:00 2001 From: Vitalii Perehonchuk Date: Mon, 18 Nov 2024 16:59:47 +0200 Subject: [PATCH] update(CSS): web/css/@starting-style --- files/uk/web/css/@starting-style/index.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/files/uk/web/css/@starting-style/index.md b/files/uk/web/css/@starting-style/index.md index 28781da1a..cf4a47ee7 100644 --- a/files/uk/web/css/@starting-style/index.md +++ b/files/uk/web/css/@starting-style/index.md @@ -293,7 +293,7 @@ html { Оскільки анімований елемент виводиться на {{glossary("top layer", "вищий шар")}} тоді, коли показується, і вилучається з вищого шару тоді, коли приховується (за допомогою {{cssxref("display", "display: none")}}), потрібно додаткові кроки, щоб забезпечити роботу анімації в обох напрямках: - До списку перехідних елементів додається `display`, щоб забезпечити видимість анімованого елемента (задання `display: block` або іншого видимого значення `display`) протягом обох анімацій входу та виходу. Без цього анімація виходу не буде видимою; на практиці спливне віконце просто зникне. Зверніть увагу, що в скороченні також задається значення {{cssxref("transition-behavior", "transition-behavior: allow-discrete")}}, щоб увімкнути анімацію. -- До списку перехідних елементів додається {{cssxref("overlay")}}, щоб забезпечити відкладання вилучення елемента з вищого шару до закінчення анімації. Це несуттєво для простих анімацій, таких як ця, але в складніших випадках, якщо цього не робити, елемент буде вилучено з вищого шару занадто швидко, що призведе до того, що анімація не буде плавною й ефективною. Знову ж таки, в цьому випадку потрібно задати значення [`transition-behavior: allow-discrete`](/uk/docs/Web/CSS/transition-behavior), щоб анімація відбулася. +- До списку перехідних елементів додається {{cssxref("overlay")}}, щоб забезпечити відкладання вилучення елемента з вищого шару до закінчення анімації. Це несуттєво для анімацій, схожих на цю, але в складніших випадках, якщо цього не робити, елемент буде вилучено з вищого шару занадто швидко, що призведе до того, що анімація не буде плавною й ефективною. Знову ж таки, в цьому випадку потрібно задати значення [`transition-behavior: allow-discrete`](/uk/docs/Web/CSS/transition-behavior), щоб анімація відбулася. > [!NOTE] > Також додано перехід на {{cssxref("::backdrop")}}, що з'являється під спливним віконцем, коли воно відкрите, щоб забезпечити гарну анімацію затемнення. `[popover]:popover-open::backdrop` використовується для вибору задника, коли спливне віконце відкрите.