From a5ac9089d2b7cce1c403ce9969d95d5cfc7c4942 Mon Sep 17 00:00:00 2001
From: Nazareno Oviedo <nazareno@basement.studio>
Date: Tue, 19 Apr 2022 11:39:16 -0300
Subject: [PATCH] feat: add will change

---
 src/components/common/footer/footer.module.scss        | 1 +
 src/components/sections/404/hero/hero.module.scss      | 1 +
 src/components/sections/homepage/hero/hero.module.scss | 1 +
 src/components/sections/products/app/app.module.scss   | 1 +
 4 files changed, 4 insertions(+)

diff --git a/src/components/common/footer/footer.module.scss b/src/components/common/footer/footer.module.scss
index 76227be..288af57 100644
--- a/src/components/common/footer/footer.module.scss
+++ b/src/components/common/footer/footer.module.scss
@@ -56,6 +56,7 @@
       width: 120%;
       height: 115%;
       filter: blur(tovw(80px, 'default', 40px));
+      will-change: filter, transform;
     }
 
     h2 {
diff --git a/src/components/sections/404/hero/hero.module.scss b/src/components/sections/404/hero/hero.module.scss
index 2885b11..b9f7434 100644
--- a/src/components/sections/404/hero/hero.module.scss
+++ b/src/components/sections/404/hero/hero.module.scss
@@ -63,6 +63,7 @@
     width: 120%;
     height: 115%;
     filter: blur(tovw(80px, 'default', 40px));
+    will-change: filter, transform;
   }
 
   h1 {
diff --git a/src/components/sections/homepage/hero/hero.module.scss b/src/components/sections/homepage/hero/hero.module.scss
index b3b4143..cb1c86e 100644
--- a/src/components/sections/homepage/hero/hero.module.scss
+++ b/src/components/sections/homepage/hero/hero.module.scss
@@ -62,6 +62,7 @@
     width: 120%;
     height: 115%;
     filter: blur(tovw(80px, 'default', 40px));
+    will-change: filter, transform;
   }
 
   .line {
diff --git a/src/components/sections/products/app/app.module.scss b/src/components/sections/products/app/app.module.scss
index be193ce..974b6d1 100644
--- a/src/components/sections/products/app/app.module.scss
+++ b/src/components/sections/products/app/app.module.scss
@@ -76,6 +76,7 @@
     width: 120%;
     height: 110%;
     filter: blur(tovw(80px, 'default', 40px));
+    will-change: filter, transform;
   }
 
   .video {