add some styles to hr

Peter-developer01 · Nov 27, 2023 · be5164c · be5164c
1 parent 240cc50
commit be5164c
Showing 1 changed file with 14 additions and 1 deletion.
diff --git a/css/style.css b/css/style.css
@@ -83,4 +83,17 @@ figcaption {
 
 .avatars {
 	list-style-type: none;
-}
+}
+
+hr {
+	border: 0;
+	height: 1px;
+	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
+	/* transition: all 0.3s ease-in-out; */
+	/* opacity: 0.6; */
+}
+
+/* uncomment this and two lines above if you wanna have an animation but I think it's not needed */
+/* hr:hover {
+	opacity: 1;
+} */