From bc5d39493b9d13bae72fb5932bc218417fbea5a2 Mon Sep 17 00:00:00 2001 From: Simon Wanner Date: Mon, 21 Mar 2022 22:26:52 +0100 Subject: Base: Add a test page for CSS transforms This also acts as a little stress test for flexbox layout :^) --- Base/res/html/misc/transform.html | 169 ++++++++++++++++++++++++++++++++++++++ Base/res/html/misc/welcome.html | 1 + 2 files changed, 170 insertions(+) create mode 100644 Base/res/html/misc/transform.html diff --git a/Base/res/html/misc/transform.html b/Base/res/html/misc/transform.html new file mode 100644 index 0000000000..141dca6501 --- /dev/null +++ b/Base/res/html/misc/transform.html @@ -0,0 +1,169 @@ + + + + + + + +

This is based on the examples for transform-origin + on MDN

+
+
+
+
 
+
 
+
+ +
+
+
+
 
+
 
+
+ +
+
+
+
 
+
 
+
+ +
+
+
+
 
+
 
+
+ +
+
+
+
 
+
 
+
+ +
+
+
+
 
+
 
+
+ +
+
+
+
 
+
 
+
+ +
+
+
+
 
+
 
+
+ +
+
+
+
 
+
 
+
+ +
+
+
+
 
+
 
+
+ +
+
+
+
 
+
 
+
+ +
+
+
+
 
+
 
+
+ +
+
+ + diff --git a/Base/res/html/misc/welcome.html b/Base/res/html/misc/welcome.html index 8937bdb7df..ff3004d19c 100644 --- a/Base/res/html/misc/welcome.html +++ b/Base/res/html/misc/welcome.html @@ -124,6 +124,7 @@
  • Float clearing
  • Overflow
  • image-rendering property
  • +
  • Transforms
  • Features

  • Basic functionality
  • css colors
  • -- cgit v1.2.3