From e6d3bfab9e5a61da5aef181894bf74276b0724d0 Mon Sep 17 00:00:00 2001
From: Sascha Schulz <sschulz@dh-software.de>
Date: Mo, 11 Dez 2023 15:53:32 +0100
Subject: [PATCH] Merge branch 'draft'
---
assets/html/css-transform-3d.html | 46 ++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 46 insertions(+), 0 deletions(-)
diff --git a/assets/html/css-transform-3d.html b/assets/html/css-transform-3d.html
new file mode 100644
index 0000000..9ed804a
--- /dev/null
+++ b/assets/html/css-transform-3d.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <meta charset="UTF-8">
+ <style>
+ img {
+ width: 100px;
+ height: auto;
+ }
+
+ .canvas {
+ perspective: 1000px;
+ }
+
+ .glass {
+ margin: 0 auto;
+ width: 10%;
+
+ perspective: 1000px;
+ }
+
+ #fish {
+ animation-name: swim;
+ animation-duration: 2s;
+ animation-iteration-count: infinite;
+ }
+
+ @keyframes swim {
+ from {
+ transform: rotateX(-10deg) rotateY(360deg) translateZ(100px);
+ }
+
+ to {
+ transform: rotateX(-10deg) rotateY(0deg) translateZ(100px);
+ }
+ }
+ </style>
+ </head>
+ <body>
+ <div class="canvas">
+ <div class="glass">
+ <img id="fish" src="../images/blue-fish.png">
+ </div>
+ </div>
+ </body>
+</html>
--
Gitblit v1.9.3