.flap{--p:calc(var(--i)/var(--flaps));pointer-events:none;will-change:transform;background:hsl(calc(1turn*var(--p)),80%,80%);transform-origin:100% 100%;width:150vmax;height:150vmax;transform:rotate(-.25turn)rotate(calc(1turn*var(--p)))skewX(200deg)translateX(0%)translateY(0%);background:linear-gradient(35deg,#555,#000);border:2px solid #0a0a0a;position:absolute;bottom:50%;right:50%}.shutter.animate>.flap{animation:.1s cubic-bezier(.5,0,.5,1) forwards shutterClick;animation-duration:var(--shutter-duration,1.5s)}@keyframes shutterClick{to{transform:rotate(-.5turn)rotate(calc(1turn*var(--p)))skewX(200deg)translateX(-100%)translateY(90%)}}