Glamup 板球网站

这是前端挑战 v24.07.24 的提交，魅力我的标记：娱乐

大家好！！

我建造了什么

我使用 HTML、CSS 和一点 jQuery 构建了一个很酷的加载动画以及 NYRLC 的基本结构化布局！该网站在加载时会吸引用户的注意力，并让用户想知道接下来会发生什么。
还使用横幅图像和卡片视图中的格式化内容为网站提供了结构，以简洁且具有视觉吸引力的方式提供信息。

演示

旅行

由于我在生活中经常打板球，这两个挑战都促使我为此构建一些东西，但考虑到 GlamUp 挑战禁止我从文件中添加任何 HTML，这让我感到有点挑战。所以我选择了那个，并思考如何仅用 CSS 和 JS 更好地构建网站，就在那时，我第一次想到使用交互式卡来展示注册过程，实际上它们可以是可点击的，并将用户带到下一个操作填写表格。即使在完成结构并使其具有视觉吸引力之后，我仍然觉得它缺少板球元素，这时候我就想到了，我可能应该添加一些加载动画。起初，我想到添加一个在球棒上垂直弹跳的球，然后我认为这会有点不活跃/无聊。
最奇怪的事情发生了，我正在观看印度队对阵 SA T20 世界杯决赛的集锦，就在那时，当我看到 Jasprit Bumrah 在那局比赛中清理 Marco Jansen 时，我感到最兴奋，就在那时我最终确定我希望加载动画是树桩被殴打的动画。于是我就继续创作，根本没有停止。最后对这个想法感到满意。仍然有一些想法，例如板球是带有一些动画的“滚动到顶部”按钮。但这就是我划清界限并选择按原样提交参赛作品的地方。
我希望你会喜欢它。

以上是Glamup 板球网站的详细内容。更多信息请关注PHP中文网其他相关文章！