From e9e4169c375fec53b68ddfb9b154c70c658a34ac Mon Sep 17 00:00:00 2001
From: STEINNI <nicolas.stein@ext.ec.europa.eu>
Date: Sun, 9 Nov 2025 13:25:51 +0000
Subject: [PATCH] intro start++

---
 app/assets/sfx/intro.js     | 1 +
 app/assets/styles/intro.css | 5 +++++
 2 files changed, 6 insertions(+)

diff --git a/app/assets/sfx/intro.js b/app/assets/sfx/intro.js
index 03a79fa..1dcf7bb 100644
--- a/app/assets/sfx/intro.js
+++ b/app/assets/sfx/intro.js
@@ -63,6 +63,7 @@ loader.load('/app/assets/images/logop42-intro_three.png', texture => {
         if (!plane) {
             const geo = new THREE.PlaneGeometry(planeWidth, planeHeight)
             const mat = new THREE.MeshBasicMaterial({ map: texture })
+            
             plane = new THREE.Mesh(geo, mat)
             plane.scale.set(1.44, 1.5, 1)
             plane.position.z = 0
diff --git a/app/assets/styles/intro.css b/app/assets/styles/intro.css
index d7bbecc..e255223 100644
--- a/app/assets/styles/intro.css
+++ b/app/assets/styles/intro.css
@@ -19,8 +19,13 @@ canvas.intro3d{
     background:transparent;
     pointer-events: none;
     z-index:99;
+    animation: logoanim 3.5s ease-out forwards; 
 }
 
+@keyframes logoanim{
+    0%   { filter: blur(14px); opacity: 0; transform: scale(0.1) }
+    100% { filter: blur(0);    opacity: 1; transform: scale(1)  }
+}
     
 @keyframes startbtnanim{
     0%   { opacity: 0; }