Я пытаюсь получить объекты для "скольжения" в нижней части экрана, но поскольку я не могу получить высоту экрана в качестве единицы в CSS, я пытаюсь сделать это с помощью медиа-запросов, например так:
@media(max-height:500px) {
@keyframe slideUp {
0% { transform: translate3d(0,500px,0); }
100% { transform: translate3d(0,0,0); }
}
}
@media(max-height:750px) {
@keyframe slideUp {
0% { transform: translate3d(0,750px,0); }
100% { transform: translate3d(0,0,0); }
}
}
/* etc. */
Это не работает (он использует первую версию slideUp
независимо от высоты), поэтому я предполагаю, что ключевые фреймы, однажды определенные, не могут быть перезаписаны или переназначены на основе медиа-запросов? Есть ли способ достичь этого эффекта (если у вас много разных настроек ключевого кадра и использование медиа-запроса для назначения соответствующего класса)?