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 行删除
分割檢視 顯示文件統計
  1. 二進制
      public/assets/petal.gif
  2. 18
    0
      resources/views/digital-card.blade.php

二進制
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…
取消
儲存