Tailwind css translate-y-full 不起作用答案

【问题标题】：Tailwind css translate-y-full does not workTailwind css translate-y-full 不起作用
【发布时间】：2021-03-25 07:17:53
【问题描述】：

这是来自编译好的 TailwindCSS 文件的原始代码：

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

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

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

它开始起作用了。

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

【问题讨论】：

【解决方案1】：

将transform 添加到类中。

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

【讨论】：

【解决方案2】：

也许你忘了把这一行放在你的css代码中

@tailwind base;

【讨论】：