- table transition delays

AllanOcelot · Sep 3, 2024 · b04422b · b04422b
1 parent c12b554
commit b04422b
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 3 deletions.
diff --git a/dist/index.css b/dist/index.css
diff --git a/html/example1.html b/html/example1.html
@@ -15,7 +15,7 @@
 
 </head>
 
-<body>
+<body class="terminal">
     <header>
         <h1>Main Header: All HTML Elements</h1>
         <nav>

diff --git a/src/forms/tables.scss b/src/forms/tables.scss
@@ -2,10 +2,12 @@
 
 
 table {
-  opacity: 0.8;
+  opacity: 0.5;
   border: 2px solid colors.$color-green-one;
   border-collapse: collapse;
   box-shadow: 0px 0px 4px 2px rgba(0, 255, 0, 0.2);
+  transition: all 0.4s;
+  transition-delay: .2s;
 
   thead th {
     padding: 0;
@@ -50,6 +52,11 @@ table {
   }
 
 
+  &:hover{
+    opacity: .8;
+    transition: all 0.2s;
+    transition-delay: .1s;
+  }
 
   &.xeno-table {
     width: 100%;
-Original file line number
+Diff line change
@@ Expand Up / @@ -15,7 +15,7 @@ @@
     </head>
-    <body>
+    <body class="terminal">
         <header>
             <h1>Main Header: All HTML Elements</h1>
             <nav>
@@ Expand Down @@