Widget: Homepage: Difference between revisions

Revision as of 15:47, 28 November 2023

Second version of the LINKS Community Center homepage.
Do not modify!

@@ Line 153: / Line 153: @@
              display: block;
              text-decoration: none !important;
+            background-color: transparent;
+            perspective: 1000px;
          }
          .snippet .snippet-inner {
+            position: relative;
+            width: 100%;
              height: 100%;
              display: flex;
@@ Line 161: / Line 165: @@
              border: 2px solid;
              border-radius: 5px;
+            transition: transform 0.8s;
+            transform-style: preserve-3d;
+        }
+        .snippet:hover .snippet-inner {
+            transform: rotateY(180deg);
+        }
+        .snippet-header, .snippet-body {
+            position: absolute;
+            width: 100%;
+            height: 100%;
+            -webkit-backface-visibility: hidden; /* Safari */
+            backface-visibility: hidden;
+        }
+        .snippet-body {
+            transform: rotateY(180deg);
          }
-         .snippet-header {
+         /* .snippet-header {
              width: 100%;
              height: 100%;
@@ Line 176: / Line 195: @@
              padding: 1em;
              transition: all 250ms;
-         }
+         } */
          .snippet.TL { color: var(--links-blue); }