Tailwind css translate-y-full 不起作用

Question

这是编译后的 TailwindCSS 文件中的原始代码：

.translate-y-full {
  --transform-translate-y: 100%; 
}

它不起作用。 CSS 的语法不正确。当我将其更改为：

.translate-y-full {
  transform: translateY(100%);
  /* --transform-translate-y: 100%; */
}

它开始起作用了。

也许我遗漏了一些东西，但它似乎是一个大错误......???

Answer 1

将 transform 添加到 类。

<img class="transform translate-y-full" ...>

Answer 2

也许您忘记将此行放在 css 代码中

@tailwind base;