Tailwind css translate-y-full does not work

user_14618740 0
Viewed 8383

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...???

tailwind-css transform
2 Answers

Add transform to the classes.

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

user_2824740

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

@tailwind base;
user_130998940
Related