1 2 3 4 5 6 7 8 9 10 11 12 13 14 15
.checklist { z-index: 20; position: absolute; bottom: 0; left: 0; width: 100%; height: calc(100vh - 3rem); transform: translateZ(0) translateY(100vh); transition: transform 0.2s; background: white; color: black; } .checklist-open .checklist { transform: translateZ(0) translateY(0); }