mirfalah-tech
/
digital-card
Watch 12
Star 0
Fork 0

2 Commits
5a730168c4 ... 713ca49f67

Author SHA1 Message Date
  Amirul Anwar 713ca49f67 Merge branch 'master' of https://git.mirfalah.my/mirfalah-tech/digital-card 4 months ago
  Amirul Anwar 814d2366d7 add petal 4 months ago
2 changed files with 18 additions and 0 deletions
Unified View Show Diff Stats
  1. BIN
      public/assets/petal.gif
  2. 18
    0
      resources/views/digital-card.blade.php

BIN
public/assets/petal.gif View File


+ 18
- 0
resources/views/digital-card.blade.php View File

27 
             .fade-in {
 27 
             .fade-in {
28 
                 opacity: 1;
 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 
         </style>
 44 
         </style>
31 
     </head>
 45 
     </head>
32 
     <body class="antialiased font-serif no-scroll">
 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 
         <audio id="player" loop>
 51 
         <audio id="player" loop>
34 
             <source src="{{ asset('assets/background-musicv2.mp3') }}" type="audio/mp3">
 52 
             <source src="{{ asset('assets/background-musicv2.mp3') }}" type="audio/mp3">
35 
             Your browser does not support the audio element.
 53 
             Your browser does not support the audio element.

Write Preview
Loading…
Cancel
Save