neomorphic effects

tjcsl · May 9, 2024 · 6eb929b · 6eb929b
1 parent 853a0e9
commit 6eb929b
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/tin/static/css/edit.css b/tin/static/css/edit.css
@@ -5,9 +5,12 @@
   padding: 18px;
   width: 100%;
   border: none;
+  border-radius: 10px;
   text-align: center;
   outline: none;
   font-size: 15px;
+  box-shadow: 6px 6px 12px #777,
+              -6px -6px 12px #ffffff;
 }
 
 .active, .collapsible:hover {
@@ -18,7 +21,10 @@
   display: none;
   padding: 18px 18px;
   overflow: hidden;
-  background-color: #f1f1f1;
+  background-color: #F2F2F4;
+  border-radius: 10px;
+  box-shadow: inset 6px 6px 12px #d9d9d9,
+              inset -6px -6px 12px #ffffff;
 }
 
 .block {