Переход HTML <диалога> при открытии с помощью Tailwind CSS ⇐ CSS

[Anonymous]

Я пытаюсь анимировать открытие элемента с помощью Tailwind CSS. Документация предполагает, что это правильный способ добавления постепенного появления, но кажется, что селектор [open] не должен присутствовать, когда диалоговое окно не открыто, поэтому он не переходит от непрозрачности 0 к 100, а просто переходит прямо к 100. Есть ли лучший/другой/правильный способ сделать это?

Код: Выделить всё

Hello, world

Close



Open dialog


function openDialog() {
document.getElementById("myDialog").showModal();
}

https://codepen.io/rytrose/pen/yLKNJRo

Подробнее здесь: https://stackoverflow.com/questions/728 ... ilwind-css