deploy: 81c2c36

index.html

@@ -552,6 +552,21 @@ <h2 class="centered-text" style="line-height: 1.3;">
         </pre>
     </section>
 
+    <section class="slide">
+        <div class="place my-quote">
+            <div class="my-quote__title">
+            <code>    inert</code>
+            </div>
+            <figure>
+                <blockquote>
+                    <p>Атрибут, который может сделать элемент недоступным для взаимодействия.</p>
+                </blockquote>
+                <figcaption>HTML-спецификация</figcaption>
+            </figure>
+        </div>
+        <a href="https://html.spec.whatwg.org/dev/interaction.html#the-inert-attribute" class="copyright">HTML-спецификация: атрибут inert</a>
+    </section>
+
     <section class="slide slide_can-i-use">
         <img src="./images/can-i-use-inert.jpeg" class="cover slide_can-i-use__image" />
         <a href="https://caniuse.com/?search=inert" class="copyright">Can I use: атрибут inert</a>
@@ -1536,6 +1551,21 @@ <h2 class="place slide_title centered-text">Анимация</h2>
         </pre>
     </section>
 
+    <section class="slide">
+        <div class="place my-quote">
+            <div class="my-quote__title">
+            <code>     allow-discrete</code>
+            </div>
+            <figure>
+                <blockquote>
+                    <p>Значение свойства <code>transition-behavior</code>, определяющее, будут ли запущены переходы для свойств, поведение анимации которых является дискретным.</p>
+                </blockquote>
+                <figcaption>CSS-спецификация</figcaption>
+            </figure>
+        </div>
+        <a href="https://www.w3.org/TR/css-transitions-2/#propdef-transition-behavior" class="copyright">CSS-спецификация: allow-discrete</a>
+    </section>
+
     <section class="slide slide_can-i-use">
         <img src="./images/can-i-use-allow-descrete.jpeg" class="cover slide_can-i-use__image" />
         <a href="https://caniuse.com/?search=allow-discrete" class="copyright">Can I use: allow-discrete</a>
@@ -1588,6 +1618,21 @@ <h2 class="place slide_title centered-text">Анимация</h2>
         </pre>
     </section>
 
+    <section class="slide">
+        <div class="place my-quote">
+            <div class="my-quote__title">
+            <code>     @starting-style</code>
+            </div>
+            <figure>
+                <blockquote>
+                    <p>Правило, позволяющее задать начальные стили для элемента в момент его появления на странице.</p>
+                </blockquote>
+                <figcaption>CSS-спецификация</figcaption>
+            </figure>
+        </div>
+        <a href="https://www.w3.org/TR/css-transitions-2/#at-ruledef-starting-style" class="copyright">CSS-спецификация: @starting-style</a>
+    </section>
+
     <section class="slide slide_can-i-use">
         <img src="./images/can-i-use-starting-style.jpeg" class="cover slide_can-i-use__image" />
         <a href="https://caniuse.com/mdn-css_at-rules_starting-style" class="copyright">Can I use: @strating-style</a>