Tailwind css translate-y-full does not work

Question

Here is an original code from compiled TailwindCSS file:

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

It does not work. The syntax of CSS is incorrect. When I changed it to:

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

It started to work.

Maybe I am missing something but it seems to be bug and a big one...???

Answer 1

Add transform to the classes.

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

Answer 2

Maybe you forgot to put this line below in your css codes

@tailwind base;