无需 SVG 或 Canvas 的动画 3D 对象

Avatar of Chris Coyier
Chris Coyier

DigitalOcean 为您旅程的每个阶段提供云产品。立即开始使用 200 美元的免费信用额度!

使用 CSS 创建三角形的方法之一是在元素上使用 45 度角渐变,从彩色渐变到透明,并在中点进行硬分割。然后,您可以使用 CSS3 功能(如 translate、rotate 和 skew)来更改其形状。如果您真的非常擅长此操作(例如 James Long),则可以使用一堆这样的三角形来创建一个完整的动画 3D 形状。

直接链接 →