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

Разбираемся в CSS
Anonymous
 Переход HTML <диалога> при открытии с помощью Tailwind 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

Вернуться в «CSS»