Différences

Ci-dessous, les différences entre deux révisions de la page.

--- 090_applicatifs:210http:050-multimedia [le 25/03/2025 à 14:23] – créée prof
+++ 090_applicatifs:210http:050-multimedia [le 25/03/2025 à 15:52] (Version actuelle) – prof
@@ Ligne 1: / Ligne 1: @@
-====== HTML5 et multimédia ======
+====== HTML5 multimédia CSS animations ...======
+===== Multimédia avec HTML5 =====
+{{:090_applicatifs:210http:rain.mp4?200 |}}
+HTML5 permet maintenant d'embarquer des fichiers multimédia dans une page HTMS sans avoir recours à aucun script ni plug-in, en utilisant simplement la balise HTML ''<video>''
+De même pour un fichier audio avec la balise... ''<audio>''
+{{ :090_applicatifs:210http:oiseaux.ogg |Oiseaux}}.<html><div class="clear"></html>
+===== Les fioritures CSS =====
+Les CSS3 permettent tout un tas de grigris, qui peuvent amuser un temps, mais qui ont au moins le mérite de manger très peu de pain et n'utilisent aucun script supplémentaire, simplement des attributs CSS.
+Par exemple, en passant la souris sur cet inoffensif cadre vert :
+<html><div class="zoom"></div></html>
+Ou bien sur celui-ci:
+<html>
+<div class="flip-box">
+  <div class="flip-box-inner">
+    <div class="flip-box-front">
+      <p>Devant</p>
+    </div>
+    <div class="flip-box-back">
+      <p>Derrière</p>
+    </div>
+  </div>
+</div>
+</html>
+Sans parler des images qui grossissent, se renversent, montrent autre chose, etc. etc. etc...