intro start++

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

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; }