适用于 z-index 的系统

说你有一个z-index的错误。有些东西被其他东西掩盖了。根据我的经验,一个典型的解决方案是把position: relative放在那个东西上,这样z-index就会首先工作,然后也许会重新调整z-index值,直到正确的东西在上面。 这里的危险在于,这将引发一场小小的z-index战争。在这里提高一个z-index值修复了一个bug,然后在你不想这样做的时候,通过遮盖其他地方的一些元素而导致

- 阅读全文 -

构建全屏网络APP

全屏UI设计通过消除干扰来帮助用户保持对内容的参与。因此,我们可以看到全屏UI在现代网络应用中的使用越来越多。 因此,在这篇文章中,我将讨论 JavaScript 全屏 API 的特点,并指导你在实践中使用它们的步骤。 什么是全屏API? Fullscreen API 提供了将全屏整合到 DOM 元素及其子元素的方法。开发者可以使用这个功能来向最终用户强调有用的信息。 在查看图片、视频、地图

- 阅读全文 -

探索CSS绘画API: 多边形边框

现在,使用clip-path创建复杂的形状是一件很容易的事,但给形状添加边框总是很麻烦。没有一个强大的CSS解决方案,我们总是需要为每个特定的情况制作特定的 "黑客 "代码。在这篇文章中,我将告诉你如何使用CSS Paint API来解决这个问题。 在我们进入第三个实验之前,这里有一个关于我们正在建造的东西的小概述。而且,请注意,我们在这里所做的一切只支持基于Chromium的浏览器,所以你会想

- 阅读全文 -

只用一个div来构建你的CSS Loading - The Dots

是的,又是一篇关于CSS Loading的文章,但这一次你将构建Loading在这篇文章中,我将与你分享一些我用来构建一些Loading的技巧。 好吧,又是一个无聊的教程,我们将有大量的代码,复杂的@keyframes和疯狂的动画延迟,对吗? 不全是。在本教程中,你将拥有。 ✔️ 一个div ✔️一个@keyframes ✔️没有延迟,没有复杂的时间计算 ✔️我们不会做一个动画,而是使用相同的代

- 阅读全文 -