文章标签

以下是 Dylan Winn-Brown 的客座文章，他向我们展示了一种实现此设计效果的高性能方法。

最近在为客户的网站工作时，我被要求复制类似于 此效果。

transform-origin 属性与 CSS 变换一起使用，允许您更改变换的原点。

.element {
  transform: rotate(360deg);
  transform-origin: top left;
}

如上所述，transform-origin 属性最多可以接受两个用空格分隔的…

您可以使用 CSS 翻转图像！可能的情况：只有一个“箭头”图形，但将其翻转以指向不同的方向。

.flip-horizontally {
  transform: scaleX(-1);
}

请查看此处如何使用一个箭头指向两个方向：…

如果您正在寻找一种垂直设置文本的方法，那么最好的选择可能是 CSS writing-mode。

如果您只是想旋转一些文本，您可以像这样旋转整个元素，这会将其旋转 90…