mirfalah-tech
/
digital-card
Прати 12
Волим 0
Креирај огранак 0

2 Комити
5a730168c4 ... 713ca49f67

Аутор SHA1 Порука Датум
  Amirul Anwar 713ca49f67 Merge branch 'master' of https://git.mirfalah.my/mirfalah-tech/digital-card пре 4 месеци
  Amirul Anwar 814d2366d7 add petal пре 4 месеци
2 измењених фајлова са 18 додато и 0 уклоњено
Подељен поглед Покажи статистику Diff
  1. BIN
      public/assets/petal.gif
  2. 18
    0
      resources/views/digital-card.blade.php

BIN
public/assets/petal.gif Прегледај датотеку


+ 18
- 0
resources/views/digital-card.blade.php Прегледај датотеку 

@@ -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 Preview
Loading…
Откажи
Сачувај