ground-color 0.2s linear; height: 100%; background-color: #00bcd4; position: relative; overflow: hidden; } .n-loading-bar-container .n-loading-bar:before { content: ""; position: absolute; right: 0; top: 0; bottom: 0; width: 100%; background-color: rgba(0, 0, 0, 0.2); } .n-loading-bar-container .n-loading-bar:after { content: ""; position: absolute; right: 0; top: 0; bottom: 0; width: 100%; background-color: #fff; z-index: 1; animation: loading 2s ease-in-out infinite; } @keyframes loading { 0% { transform: translate3d(-100%, 0, 0); } 20% { transform: translate3d(-60%, 0, 0); } 100% { transform: translate3d(100%, 0, 0); } } 以上是该网站的部分代码，它是一个开源的前端资源网站，提供了大量的前端代码、教程、工具等资源。它的主要特点是简洁、易用、开放。该网站以卡片的形式呈现内容，每一块内容都有设计精美的图标和配色，让用户有视觉上的愉悦感受。除此之外，该网站还有一个搜索框，用户可以输入关键词进行搜索。同时，它还分类清晰，将不同的主题以标签的形式进行分类，使用户更容易找到自己需要的资源。这个网站为前端开发者提供了很多的帮助，如果你是一个前端开发者，你一定不能错过它。 电脑端截图 移动端截图