From 401dbf6d743dffe1da3edb7424eb72696ec47c7b Mon Sep 17 00:00:00 2001
From: IhorPozhematkin <132217496+IhorPozhematkin@users.noreply.github.com>
Date: Tue, 11 Jul 2023 21:09:24 +0300
Subject: [PATCH] header 11.07-3

---
 src/css/header.css | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/src/css/header.css b/src/css/header.css
index e149d7c..dce9ef1 100644
--- a/src/css/header.css
+++ b/src/css/header.css
@@ -118,6 +118,20 @@
 .headerbutton-icon:focus {
   stroke: var(--logo-color);
 }
+@keyframes moveright {
+  0% {
+    transform: translateX(0);
+    opacity: 1;
+  }
+  100% {
+    transform: translateX(100px); 
+    opacity: 0;
+  }
+}
+
+.header-button:focus {
+  animation: moveright 3s linear forwards; 
+}
 .menu-toggle.js-open-menu,
 .menu-toggle.js-close-menu {
   fill: var(--logo-color);