Мне очень срочно надо это сделать, а там изучать и изучать

Всем привет! подскажите, не очень ли простая получилась реализация выезжающего блока?

@keyframes show{
            0%{
            opacity:0;
            margin-right: -1000000px;
            }
            100% {
            opacity:1;
            margin-right: 0px;
            }
        }

можно как то проапргрейдить?

замени margin на transform

transform: translateX()  ?

да

как то фигово вышло. выезжает поверх как то.

с margin просто гарантированно прилипает к правой части, как слайдер, а так он просто выезжает в центр

Ты это число (марджин райт) откуда взял? Поставь просто -100%

да я просто для теста поставил

Не совсем понял о чём ты, скинь кодпен пожалуйста

почему perspective может не работать на video?

и вообще ко всему

не работает почему-то вообще

если с margin то вот так , как мне и надо, только апргрейд бы сделать какой нибудь

если tranform то

Добро пожаловать, Vitalii Navrockyi! Тут мы обсуждаем вопросы по вёрстке. Чаты по JavaScript найдёшь в описании.

Мы всегда рады помочь, но у нас есть правила.

Задавай свой вопрос сразу и полностью: nometa.xyz. Отдельно здороваться не нужно: neprivet.ru. Примеры кода кидай в «песочницу»: codepen.io/pen.

Если хочешь показать экран, делай это средствами системы, а не фотографией. Для Windows многие рекомендуют LightShot.

И пожалуйста, не стесняйся задавать вопросы в поисковые системы. Они хорошие, честно.

Мы рады тебе!

Всем привет!
Сейчас работаю над презентацие на HTML. Подскажите, как мне сделать, чтобы «img» вылез за границы «col» вверх и не смещал «row» по своей высоте ??

Заранее благодарю за ответ!

margin-top: -54px;

Perspective