3d 档案 - CSS-Tricks

CSS 无限 3D 滑块

在本系列中，我们一直在用 HTML 和 CSS 制作图片滑块。我们的想法是，我们可以使用相同的标记，但不同的 CSS 可以得到截然不同的效果，无论我们投入多少图片……

Temani Afif 于 2022 年 12 月 16 日

对于我们关于单个元素加载器的迷你系列的第四篇也是最后一篇文章，我们将探索 3D 模式。在创建 3D 元素时，很难想象仅用一个 HTML 元素就足以模拟一个立方体的六个面。但也许我们可以逃脱……

Temani Afif 于 2023 年 8 月 27 日

我们已经走过了一系列关于 CSS 悬停效果的有趣方法的帖子。我们从一组使用 CSS background 属性的示例开始，然后转向 text-shadow 属性，在我们技术上没有使用……

Temani Afif 于 2022 年 5 月 26 日

Braydon Coyer 最近推出了一个每月 CSS 艺术挑战。事实上，他曾联系我，希望捐赠我的书 使用 CSS 移动事物 的副本，作为挑战获胜者的奖品——……

Jhey Tompkins 于 2022 年 5 月 12 日

大家好！除非你一直生活在岩石下（也许即使那样），你无疑已经听到了 CSS-Tricks 被 DigitalOcean 收购的消息。祝贺所有人！🥳

为了纪念这个时刻，我想要……

Jhey Tompkins 于 2022 年 4 月 29 日

你知道你可以得到完全扁平的纸板箱吗？你折叠它们并用胶带粘起来，使它们成为一个有用的箱子。然后，当需要回收它们时，你把它们切开，使其变平……

Jhey Tompkins 于 2022 年 1 月 13 日

我学习 CSS 的道路有点非正统。我一开始不是前端开发人员。我是一名 Java 开发人员。事实上，我对 CSS 的最早记忆是在 Visual Studio 中为事物选择颜色。

直到后来……

Jhey Tompkins 于 2020 年 10 月 23 日

超级酷的项目来自 Bennett Feely！它将任何网页文字变成 3D 文字，具有鼠标悬停效果，可以在空间中移动 3D 对象。它让人想起 Zdog，但用于文字。它通过堆叠……发挥魔力

Chris Coyier 于 2020 年 9 月 22 日

这始终是我在疯狂杂志中最喜欢的东西。一页（我认为是封底的内侧）上覆盖着一幅疯狂的插图。你把那页纸分成三等份，盖住中间的第三份图片，然后……

Chris Coyier 于 2020 年 6 月 29 日