首页 > web前端 > css教程 > Glamup 板球网站

Glamup 板球网站

WBOY
发布: 2024-08-02 01:54:04
原创
674 人浏览过

Glamup Cricket Website

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

大家好!!

我建造了什么

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

演示

旅行

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

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

来源:dev.to
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板