Trabajé un par de horas en un control deslizante que funciona perfectamente bien en Firefox y Chrome, en Safari deja una sombra y no funciona en absoluto. Me alegraría encontrar algo de ayuda.
Esto es lo que he estado usando básicamente para las animaciones, solo un par de estas. Básicamente jugando con el índice z, la posición correcta y las alturas.
@keyframes BookAnimation2 { from { right: 10rem; height: 14rem; z-index: 6; } to { right: 18rem; height: 20rem; z-index: 7; } }También hay mucho más código para esto, algunos condicionantes, pero siempre se reduce al mismo tipo de animación.
Disparo las animaciones con javascript, luciendo así:
document.querySelector(".book02").style.animation = "BookAnimation2 2s forwards";Intenté usar Autoprefixer, pero eso no resolvió el problema.
Aquí es donde puedes ver el control deslizante. Soy más bien un principiante y espero encontrar ayuda.