From 55ddd4454665a3c66e3d5b186bc79048468d36e7 Mon Sep 17 00:00:00 2001 From: Alexey Pyltsyn Date: Mon, 15 Mar 2021 14:29:50 +0300 Subject: Auto fixes --- files/ru/web/api/globaleventhandlers/onanimationcancel/index.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'files/ru/web/api/globaleventhandlers/onanimationcancel') diff --git a/files/ru/web/api/globaleventhandlers/onanimationcancel/index.html b/files/ru/web/api/globaleventhandlers/onanimationcancel/index.html index c1b865945d..793c33b602 100644 --- a/files/ru/web/api/globaleventhandlers/onanimationcancel/index.html +++ b/files/ru/web/api/globaleventhandlers/onanimationcancel/index.html @@ -74,7 +74,7 @@ translation_of: Web/API/GlobalEventHandlers/onanimationcancel   -

Опустим некоторые фрагмнты CSS, не имеющие значение для нас, и рассмотрим стили для элемента, который мы анимируем. Это блок box со всеми своими свойствами, включая определенную анимацию {{cssxref("animation")}}. Мы продолжим и опишем анимацию прямо здесь, поскольку обычно она должна запускаться непосредственно при загрузке страницы, не зависимо от какого-либо другого события. 

+

Опустим некоторые фрагменты CSS, не имеющие значение для нас, и рассмотрим стили для элемента, который мы анимируем. Это блок box со всеми своими свойствами, включая определенную анимацию {{cssxref("animation")}}. Мы продолжим и опишем анимацию прямо здесь, поскольку обычно она должна запускаться непосредственно при загрузке страницы, не зависимо от какого-либо другого события. 

#box {
   width: var(--boxwidth);
@@ -137,7 +137,7 @@ translation_of: Web/API/GlobalEventHandlers/onanimationcancel
 
 
-

Теперь добавим переключение {{cssxref("display")}} между "flex" и "none" и установим обрабочик события щелчка {{event("click")}} на кнопке "Hide/Show":

+

Теперь добавим переключение {{cssxref("display")}} между "flex" и "none" и установим обработчик события щелчка {{event("click")}} на кнопке "Hide/Show":

document.getElementById('toggleBox').addEventListener('click', function() {
   if (box.style.display == "none") {
-- 
cgit v1.2.3-54-g00ecf