From 5d8a48666af275298f91688ad16dfca208606db5 Mon Sep 17 00:00:00 2001 From: Zach Fox <3409031+zfox23@users.noreply.github.com> Date: Tue, 28 Nov 2023 14:14:46 -0500 Subject: [PATCH 1/4] CSS transforms module example WIP --- modules/transforms.html | 371 ++++++++++++++++++++++++++++++++++++++++ 1 file changed, 371 insertions(+) create mode 100644 modules/transforms.html diff --git a/modules/transforms.html b/modules/transforms.html new file mode 100644 index 00000000..7c67412d --- /dev/null +++ b/modules/transforms.html @@ -0,0 +1,371 @@ + + + + + + + CSS Transforms + + + + +
+
+ Transform settings + + +
+
+ Translation (px) + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+
+ +
+ Rotation (deg) + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+
+ +
+ Scale (factor) + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+
+ +
+ Skew (deg) + + +
+
+ + + +
+
+ + + +
+
+
+
+
+
+
+
1
+
2
+
3
+
4
+
5
+
6
+
+
+
+ + + + \ No newline at end of file From 2534e43dfb63972e5d6e35cd094df3bb148dcb9b Mon Sep 17 00:00:00 2001 From: Zach Fox <3409031+zfox23@users.noreply.github.com> Date: Wed, 29 Nov 2023 11:44:05 -0500 Subject: [PATCH 2/4] Example improvements --- modules/transforms.html | 210 ++++++++++++++++++++++++++-------------- 1 file changed, 138 insertions(+), 72 deletions(-) diff --git a/modules/transforms.html b/modules/transforms.html index 7c67412d..f2e9389b 100644 --- a/modules/transforms.html +++ b/modules/transforms.html @@ -6,40 +6,66 @@ CSS Transforms @@ -205,35 +192,31 @@
- - +
- - +
- - +
@@ -241,35 +224,31 @@
- - +
- - +
- - +
@@ -277,35 +256,31 @@
- - +
-
-
@@ -313,27 +288,73 @@
- - +
+ +
+
+
+ +
+ + + + +
+
+ + +
+
+ + +
+
+ + +
+
+
+ +
+ + + + +
+
+ - -
@@ -351,39 +372,36 @@
z:0px
+