这是前端挑战 v24.07.24 的提交,魅力我的标记:娱乐
大家好!!
我使用 HTML、CSS 和一点 jQuery 构建了一个很酷的加载动画以及 NYRLC 的基本结构化布局!该网站在加载时会吸引用户的注意力,并让用户想知道接下来会发生什么。
还使用横幅图像和卡片视图中的格式化内容为网站提供了结构,以简洁且具有视觉吸引力的方式提供信息。
由于我在生活中经常打板球,这两个挑战都促使我为此构建一些东西,但考虑到 GlamUp 挑战禁止我从文件中添加任何 HTML,这让我感到有点挑战。所以我选择了那个,并思考如何仅用 CSS 和 JS 更好地构建网站,就在那时,我第一次想到使用交互式卡来展示注册过程,实际上它们可以是可点击的,并将用户带到下一个操作填写表格。即使在完成结构并使其具有视觉吸引力之后,我仍然觉得它缺少板球元素,这时候我就想到了,我可能应该添加一些加载动画。起初,我想到添加一个在球棒上垂直弹跳的球,然后我认为这会有点不活跃/无聊。
最奇怪的事情发生了,我正在观看印度队对阵 SA T20 世界杯决赛的集锦,就在那时,当我看到 Jasprit Bumrah 在那局比赛中清理 Marco Jansen 时,我感到最兴奋,就在那时我最终确定我希望加载动画是树桩被殴打的动画。于是我就继续创作,根本没有停止。最后对这个想法感到满意。仍然有一些想法,例如板球是带有一些动画的“滚动到顶部”按钮。但这就是我划清界限并选择按原样提交参赛作品的地方。
我希望你会喜欢它。
以上是Glamup 板球网站的详细内容。更多信息请关注PHP中文网其他相关文章!