폴리머 요소가 올바르게 작동하지 않음, 종이 버튼이 항상 위에 있음, 종이 그림자가 애니메이션 중에 만 표시됨

여기서 무슨 일이 일어나고 있는지 아십니까?

종이 그림자를 사용하려고합니다.

가장 낮은 상자에 그림자가있는 것을 볼 수 있지만 (단지 CSS) 파란색과 검은 색 테두리 상자의 경우 종이 그림자를 사용하려고합니다. .. 불운..

한 섹션에서 다른 섹션으로 핵심 애니메이션을 전환하는 동안 그림자가 보이지만 애니메이션이 끝나 자마자 그림자가 사라집니다.

또한 내 녹색 테두리 종이 버튼, 생성 및 취소가 항상 모든 것 위에있는 것 같습니다. 내가 아는 한 Z- 색인을 설정하지 않습니까 ??

검정색 테두리가있는 카드 아래에 숨겨져 있어야합니다.

코드는 여기에서 찾을 수 있습니다.

파란색 표시 상자 또는 검은 색 표시 상자 업데이트 : 간단한 예

web / toolt / index.html을 실행하고 마이그레이션 생성을 클릭 한 다음 테이블을 생성하십시오.