mirfalah-tech
/
digital-card
Bevaka 12
Stjärnmärk 0
Förgrening 0

2 Incheckningar
5a730168c4 ... 713ca49f67

Upphovsman SHA1 Meddelande Datum
  Amirul Anwar 713ca49f67 Merge branch 'master' of https://git.mirfalah.my/mirfalah-tech/digital-card 4 månader sedan
  Amirul Anwar 814d2366d7 add petal 4 månader sedan
2 ändrade filer med 18 tillägg och 0 borttagningar
Delad Vy Visa Diff Statistik
  1. Binär
      public/assets/petal.gif
  2. 18
    0
      resources/views/digital-card.blade.php

Binär
public/assets/petal.gif Visa fil


+ 18
- 0
resources/views/digital-card.blade.php Visa fil 

@@ -27,9 +27,27 @@
27 27 
             .fade-in {
28 28 
                 opacity: 1;
29 29 
             }
30 
+            .petal-overlay {
31 
+                position: fixed; /* Fixes the position to the viewport */
32 
+                top: 0;
33 
+                left: 0;
34 
+                width: 100vw;
35 
+                height: 100vh;
36 
+                pointer-events: none; /* Allows interactions through the overlay */
37 
+                z-index: 9999; /* Ensures it is on top of other elements */
38 
+            }
39 
+            .petal-overlay img {
40 
+                width: 100%;
41 
+                height: 100%;
42 
+                object-fit: cover; /* Ensures the image covers the entire container */
43 
+            }
30 44 
         </style>
31 45 
     </head>
32 46 
     <body class="antialiased font-serif no-scroll">
47 
+        <div class="petal-overlay">
48 
+            <img src="{{ asset('assets/petal.gif') }}" alt="Falling Petals">
49 
+        </div>
50 
+
33 51 
         <audio id="player" loop>
34 52 
             <source src="{{ asset('assets/background-musicv2.mp3') }}" type="audio/mp3">
35 53 
             Your browser does not support the audio element.

Write Förhandsgranska
Laddar…
Avbryt
Spara