Difuminar mensaje

resources/views/vehiculos.blade.php

@@ -4,7 +4,7 @@
 <div class="container mx-auto px-4 py-6">
     <!-- Encabezado -->
     @if(session('success'))
-        <div class="bg-green-100 border border-green-400 text-green-700 px-4 py-3 rounded relative mb-4" role="alert">
+        <div id="success-message" class="bg-green-100 border border-green-400 text-green-700 px-4 py-3 rounded relative mb-4" role="alert">
             <span class="block sm:inline">{{ session('success') }}</span>
         </div>
     @endif
@@ -129,6 +129,18 @@ function confirmarEliminacion(button) {
         }
     });
 }
+
+// Desaparecer el mensaje después de 3 segundos
+setTimeout(function() {
+    var message = document.getElementById('success-message');
+    if (message) {
+        message.style.transition = 'opacity 0.5s ease';
+        message.style.opacity = '0';
+        setTimeout(function() {
+            message.remove();
+        }, 500); // Tiempo para remover el elemento después de la transición
+    }
+}, 3000); // Tiempo en milisegundos antes de comenzar a desaparecer
 </script>
 @endsection