funding logos

elixir-europe · Mar 6, 2024 · 40f465b · 40f465b
1 parent a185a01
commit 40f465b
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 5 deletions.
diff --git a/frontend/src/App.css b/frontend/src/App.css
@@ -608,7 +608,7 @@ html {
   margin-top: 40px;
   margin-right: 11px;
   -webkit-filter: grayscale(20%);
-  filter: grayscale(100%);
+  filter: grayscale(60%);
   -webkit-transition: 0.2s ease-in-out;
   transition: 0.2s ease-in-out;
 }
@@ -1287,7 +1287,7 @@ h5 {
     height: 31px;
     margin-top: 31px;
     margin-right: 10px;
-    -webkit-filter: grayscale(20%);
+    -webkit-filter: grayscale(100%);
     filter: grayscale(100%);
     -webkit-transition: 0.2s ease-in-out;
     transition: 0.2s ease-in-out;
@@ -1297,7 +1297,7 @@ h5 {
     height: 31px;
     margin-top: 31px;
     margin-right: 10px;
-    -webkit-filter: grayscale(20%);
+    -webkit-filter: grayscale(100%);
     filter: grayscale(100%);
     -webkit-transition: 0.2s ease-in-out;
     transition: 0.2s ease-in-out;
@@ -1307,7 +1307,7 @@ h5 {
     height: 31px;
     margin-top: 31px;
     margin-right: 30px;
-    -webkit-filter: grayscale(20%);
+    -webkit-filter: grayscale(100%);
     filter: grayscale(100%);
     -webkit-transition: 0.2s ease-in-out;
     transition: 0.2s ease-in-out;

diff --git a/frontend/src/components/AboutSection/AboutSection.css b/frontend/src/components/AboutSection/AboutSection.css
@@ -9,6 +9,7 @@
   font-weight: 600;
   font-family: 'Poppins', sans-serif;
   margin-right: 26px;
+  transition:  2s, color 1s;
 }
 
 .messageContainer {
@@ -24,4 +25,10 @@
   color: #2f2fb8;
   margin-top: 2px;
   font-size: 40px;
+
+  transition-duration: 2s;
+  transition-timing-function: linear;
+  transition-delay: 1s;
 }
+
+
diff --git a/frontend/src/components/AboutSection/AboutSection.js b/frontend/src/components/AboutSection/AboutSection.js
@@ -6,7 +6,7 @@ function AboutSection () {
       <div className='messageContainer'>
         <h8 className='message'> coming soon . . .</h8>
         <a>
-          <ion-icon color='white' name='rocket-outline'></ion-icon>
+          <ion-icon color='white' className="rocketIcon" name='rocket-outline'></ion-icon>
         </a>
       </div>
     </div>