Merge pull request #118 from konstantin-it-lysenko/header2610

nav fixed
konstantin-it-lysenko · Oct 26, 2023 · e3fb6e1 · e3fb6e1
2 parents 6759149 + 919403b
commit e3fb6e1
Show file tree

Hide file tree

Showing 2 changed files with 33 additions and 1 deletion.
diff --git a/src/css/header.css b/src/css/header.css
@@ -1,3 +1,34 @@
+/* .exercises-btn,
+.favor-exercises-startbtn {
+  background: none;
+  opacity: 0;
+  animation: textFadeIn 2s ease-in forwards;
+}
+.exercises-btn-svg {
+  transform: scale(1);
+  animation: pulse 1s infinite alternate;
+}
+.favor-exercises-startbtn svg {
+  rotate: 90deg;
+  transform: scale(1);
+  animation: pulse 1s infinite alternate;
+}
+@keyframes textFadeIn {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+@keyframes pulse {
+  0% {
+    transform: scale(1);
+  }
+  100% {
+    transform: scale(1.3);
+  }
+} */
 /* ========================================MOBILE==================================== */
 .header {
   background-color: var(--primary-white-color);
@@ -176,6 +207,7 @@
 
   .header-nav-item {
     background-color: var(--primary-black-color);
+    border: 1px solid var(--primary-black-color);
     border-radius: 30px;
     padding: 6px 12px;
   }

diff --git a/src/js/header.js b/src/js/header.js
@@ -80,4 +80,4 @@ function handleIntersection(items, observer) {
   });
 }
 
-/*!========================= animation ================= */
+
Original file line number	Diff line number	Diff line change
Expand Up		@@ -80,4 +80,4 @@ function handleIntersection(items, observer) {
		});
		}

		/!========================= animation ================= /