add previous and next styles

Jshanks21 · Sep 17, 2022 · fb668c5 · fb668c5
1 parent f96d8a6
commit fb668c5
Showing 1 changed file with 26 additions and 0 deletions.
diff --git a/style.css b/style.css
@@ -230,3 +230,29 @@ input[type="range"]{
     width: auto;
 }
 
+.modalPrev,
+.modalNext {
+  cursor: pointer;
+  position: absolute;
+  top: 50%;
+  width: auto;
+  padding: 16px;
+  margin-top: -50px;
+  color: white;
+  font-weight: bold;
+  font-size: 20px;
+  transition: 0.6s ease;
+  border-radius: 0 3px 3px 0;
+  user-select: none;
+  -webkit-user-select: none;
+}
+
+.modalNext {
+  right: 0;
+  border-radius: 3px 0 0 3px;
+}
+
+.modalPrev:hover,
+.modalNext:hover {
+  background-color: rgba(0, 0, 0, 0.8);
+}