小编Sta*_*ice的帖子

我已经在css中创建了模态,但是当我尝试更改过渡以使其更像弹出模式而不是淡入时,它不起作用.我已经尝试更改持续时间和转换类型,但它似乎不适用.我使用了错误的过渡吗？

请参阅小提琴:https://jsfiddle.net/mtbh24uL/

.popup {
  margin: 70px auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: 30%;
  position: relative;
  transition: all 5s ease-in-out;
}

我的目标:拥有更多像真正的javascript模式一样的弹出效果.我基本上需要创建一个模态,如下图所示.我不确定最好的方法是什么或最好的插件.