Glamup 板球網站

這是前端挑戰 v24.07.24 的提交，魅力我的標記：娛樂

大家好！ ！

我建造了什麼

我使用 HTML、CSS 和一點 jQuery 構建了一個很酷的加載動畫以及 NYRLC 的基本結構化佈局！該網站在加載時會吸引用戶的注意力，並讓用戶想知道接下來會發生什麼。
還使用橫幅圖像和卡片視圖中的格式化內容為網站提供了結構，以簡潔且視覺吸引力的方式提供資訊。

示範

旅行

由於我在生活中經常打板球，這兩個挑戰都促使我為此構建一些東西，但考慮到 GlamUp 挑戰禁止我從文件中添加任何 HTML，這讓我感到有點挑戰。所以我選擇了那個，並思考如何僅用CSS 和JS 更好地建立網站，就在那時，我第一次想到使用互動式卡來展示註冊過程，實際上它們可以是可點擊的，並將使用者帶到下一個操作填寫表格。即使在完成結構並使其具有視覺吸引力之後，我仍然覺得它缺少板球元素，這時候我就想到了，我可能應該添加一些加載動畫。起初，我想到添加一個在球棒上垂直彈跳的球，然後我認為這會有點不活躍/無聊。
最奇怪的事情發生了，我正在觀看印度隊對陣SA T20 世界盃決賽的集錦，就在那時，當我看到Jasprit Bumrah 在那局比賽中清理Marco Jansen 時，我感到最興奮，就在那時我最終確定我希望加載動畫是樹樁被毆打的動畫。於是我就繼續創作，根本沒有停止。最後對這個想法感到滿意。仍然有一些想法，例如板球是帶有一些動畫的“滾動到頂部”按鈕。但這就是我劃清界線並選擇按原樣提交參賽作品的地方。
我希望你會喜歡它。

以上是Glamup 板球網站的詳細內容。更多資訊請關注PHP中文網其他相關文章！