deploy: web-development/web-development-textbook@3403676

Author: bjelline

grafik/cssgrafik/index.html

@@ -279,6 +279,16 @@ <h2 id="resume">Resume</h2>
 
 <a class="slide_break" id="slide-12" href="slide.html#slide-12"  title="Wechsle zur Präsentations-Ansicht, Folie Nr. 12">▻</a>
 
+<h2 id="vertiefung">Vertiefung</h2>
+
+<ul>
+  <li>Parallax Animation <a href="https://palermo.ddd.live/">Beispiel</a></li>
+  <li>Page Transitions mit <a href="https://developer.mozilla.org/en-US/docs/Web/API/View_Transition_API">ViewTransiations</a> oder <a href="https://swup.js.org/getting-started/demos/">swup.js</a></li>
+</ul>
+
+
+<a class="slide_break" id="slide-13" href="slide.html#slide-13"  title="Wechsle zur Präsentations-Ansicht, Folie Nr. 13">▻</a>
+
 <h2 id="siehe-auch">Siehe auch</h2>
 
 <ul>
@@ -289,6 +299,7 @@ <h2 id="siehe-auch">Siehe auch</h2>
   <li><a href="https://svg-path-visualizer.netlify.app/#M20%2C20%20C20%2C100%20200%2C0%20200%2C100">SVG Path Visualizer</a></li>
   <li><a href="https://tobiasahlin.com/moving-letters/">Text Animation mit CSS+JS</a> von Tobias Ahlin</li>
 </ul>
+
  <div class="pagination">
   <ul>
 

grafik/cssgrafik/slide.html

@@ -315,6 +315,16 @@ <h2 id="resume">Resume</h2>
 </div>
 <div class="slide">
 
+<h2 id="vertiefung">Vertiefung</h2>
+
+<ul>
+  <li>Parallax Animation <a href="https://palermo.ddd.live/">Beispiel</a></li>
+  <li>Page Transitions mit <a href="https://developer.mozilla.org/en-US/docs/Web/API/View_Transition_API">ViewTransiations</a> oder <a href="https://swup.js.org/getting-started/demos/">swup.js</a></li>
+</ul>
+
+</div>
+<div class="slide">
+
 <h2 id="siehe-auch">Siehe auch</h2>
 
 <ul>
@@ -325,6 +335,7 @@ <h2 id="siehe-auch">Siehe auch</h2>
   <li><a href="https://svg-path-visualizer.netlify.app/#M20%2C20%20C20%2C100%20200%2C0%20200%2C100">SVG Path Visualizer</a></li>
   <li><a href="https://tobiasahlin.com/moving-letters/">Text Animation mit CSS+JS</a> von Tobias Ahlin</li>
 </ul>
+
 </div>
     <div class="slide">
       <h1>CSS Grafik und Animation</h1>