Records and Tuples 是 Javascript 即将推出的功能，如果您使用过其他语言，可能会很熟悉。它们与 and 非常相似Arrays，Objects主要区别在于它们是不可变的，这意味着它们无法更新或更改。它们在 Javascript 中为我们提供了一种全新的原始类型，让我们可以做[……]
标签： web
CSS 像素艺术生成器
欢迎使用 CSS 像素艺术生成器- 用 Javascript 编写，并受到本文的启发。在下方绘制您的像素作品，然后单击“生成 CSS”以在 CSS 中获取您的像素艺术，您可以将其复制到您的网页中。
您可以通过单击“选择文件”来上传文件。像素网格为 40×40，因此请确保您的文件为 40×4[……]
用纯 CSS 制作像素艺术
在我的 GBA（尤其是 Pokémon 和 Harvest Moon）上玩游戏长大的我一直对像素艺术及其固有的复古外观着迷。
当我在 9 月开始学习 HTML 和 CSS 时，我发现的第一个属性是box-shadow，它可以让我们在元素周围添加阴影效果。
如 MDN中所述，此属性由[……]
仅 CSS 砌体的网格布局
Masonry 是多年来网络一直在努力解决的问题，但没有找到真正有意义的原生解决方案。在 Web 开发和应用程序构建中，砌体是指在 Pinterest 上最常用的布局类型，其中元素“填补”了它们下方的空白。这与具有固定行宽的 flex 或 grid 有很大不同。
今天有很多方法可以用 Java[……]
如何用 CSS 做删除动画
在这个快速教程中，我们将研究一系列不同的“删除”样式，以便在您的下一个项目中使用。所以让我们来看看在你的下一个项目中删除东西的一些很酷的方法。下面是一组删除动画，它们都遵循类似的原则。让我们看一下它们，然后我们将了解它们是如何工作的。要开始动画，只需单击下面每张卡片中的十字按钮。
删除 UI[……]
如何让你的文字在 CSS 中看起来清晰
你用 Figma 吗？您是否注意到 Figma 中的文本与您在网站上使用 CSS 实现时的文本看起来不同？或者您是否注意到有些网站的文本非常清晰，而大多数网站却没有？或者，当您在浏览器中打开文本时，您的文本看起来并不是很“清晰”。
使您的网站字体与 Figma 匹配
所有这些事情背后的原[……]
不同深度的 CSS 插入边框
有时在创建插入边框时，我们希望将它们设置在距元素边缘不同的距离处。在 CSS 中，有很多方法可以做到这一点，根据您所处的情况，这些方法都很有用。
让我们看看使用 CSS 创建嵌入边框的不同方法。
选项 1：使用嵌入边框#
border使用以下属性在 CSS 中制作插入边框的最简[……]
创建 Javascript 绘图和注释应用程序
注释和绘图有很多用例。在本教程中，让我们看看如何使用 Javascript 制作一个简单的绘图应用程序。我们将使用纯 Javascript构建它，因此它可以让您灵活地在任何需要的地方实现它。
演示#
首先，让我们看看它是如何工作的，我已经向这个页面添加了功能。单击按钮时，您将获得绘图工具[……]
创建鼠标悬停时移动的 3D CSS 按钮
Button 通常是通往客户旅程的门户。因此，我玩弄了一个 3d 按钮的想法，该按钮可以移动用户在其周围移动鼠标。为了进一步提高这种效果，我添加了一些 3d 阴影，它们一起移动，以产生一个 3d 按钮的错觉，该按钮位于页面外，随着用户的鼠标移动而移动。
演示#
注意：尝试将鼠标悬停在这些[……]
自动化 CSS 暗模式
Dark Mode暗模式最常见的实现是一个按钮，可根据用户偏好启用或禁用暗模式。默认情况下，我们可以存储他们的偏好，并在使用我们的网站时保持他们的暗模式或亮模式启用。
另一种方法是在某个时间自动将网站更改为暗模式，或者可能基于他们的计算机设置。让我们看看如何做到这一点。
基于操作系统的暗[……]