作者文章

Ana Tudor

疯狂科学家。

使用 CSS 3D 时需要注意的事项

我一直很喜欢 3D 几何。我一发现 CSS 中对 3D 变换的支持变得越来越好，就就开始玩弄 CSS 3D 变换了。但虽然用变换来创建 2D 形状并在 3D 中移动/旋转它们感觉很自然，但是…

2020 年 1 月 29 日

我最近在 CodePen 上看到了这个加载器，它是一个纯粹的 CSS 3D 旋转条形集合，带有淡出反射。它是通过为每个条形使用一个元素，然后复制每个元素来创建…

2016 年 7 月 30 日

我最近在 CodePen 上的精选内容中看到了 Twitter 心形动画的重现。如果有时间，我总是会浏览一下吸引我注意力的演示代码，看看是否…

2016 年 6 月 30 日

background-clip 是我认识多年但很少使用的属性之一。也许只是在解决 Stack Overflow 问题时使用过几次。直到去年，我开始创建我的大型收藏…

2016 年 2 月 5 日

一切都始于基思·克拉克最近在 Twitter 上提出的这个问题。

CSS 重复线性渐变，我们真的需要它们吗？不能用线性渐变和 background-size 来实现相同的效果吗？

这是一个好问题……

2021 年 8 月 3 日

以下是来自Ana Tudor 的客座文章。如果你看过 Ana 的作品，你可能知道她将数学和代码结合起来进行艺术创作。完成的作品看起来像是花费了很长时间才完成。但实际上…

2022 年 2 月 15 日

SVG

我最近发现自己想要将 SVG 形状紧密地填充到 HTML 容器中。紧密填充是指我希望形状的最外端点正好位于容器边缘，没有任何…

2017 年 2 月 2 日

以下是来自Ana Tudor 的客座文章。Ana 总是非常擅长深入研究我们在网络上以图形方式所能做的事情背后的数学原理。在这种情况下，这是非常有用的，因为有几种方法可以…

2019 年 4 月 9 日

以下是来自Ana Tudor 的客座文章。你可能从她的惊人作品中认识 Ana，她将代码、数学和艺术结合在一起。在这里，她向我们展示了如何通过应用一些…

2022 年 10 月 12 日