CSS显示假设备帧后面的绝对值

CSS显示假设备帧后面的绝对值,css,reactjs,css-transitions,Css,Reactjs,Css Transitions,因此,我在设备框架中模拟pin屏幕。我希望这个pin屏幕向上过渡并消失,问题是现在,它只向上移动,但不在设备框架后面 我可以通过使固定屏幕一直移动到屏幕边缘来解决这个问题,但是当向上滑动时,动画仍然会被破坏。有没有其他方法可以达到类似的效果 此时,屏幕正在从顶部过渡到100%。它实际上在“设备”前面,需要覆盖设备屏幕,但它需要看起来好像被设备屏幕所包含 一种方法是停止转换顶部位置-将其保留在设备屏幕顶部的位置-并将其高度转换为0。这样,我们就不必担心它是否显示在设备后面(由于设备具有圆角,因此特

因此,我在设备框架中模拟pin屏幕。我希望这个pin屏幕向上过渡并消失,问题是现在,它只向上移动,但不在设备框架后面

我可以通过使固定屏幕一直移动到屏幕边缘来解决这个问题,但是当向上滑动时,动画仍然会被破坏。有没有其他方法可以达到类似的效果


此时,屏幕正在从顶部过渡到100%。它实际上在“设备”前面,需要覆盖设备屏幕,但它需要看起来好像被设备屏幕所包含

一种方法是停止转换顶部位置-将其保留在设备屏幕顶部的位置-并将其高度转换为0。这样,我们就不必担心它是否显示在设备后面(由于设备具有圆角,因此特别难以实现)