ну что ж придеться попробовать через progreesssbar сделать

спасибо за подсказку! всем!

🙏 👍 💪

привет, делаю авторизацию, дизайнер придумал анимированные плашки для этого. Я это реализовал следующим образом, есть контейнер со всеми плашками, он занимает весь экран и по идеи должен иметь overflow: hidden. в начальный момент времени они все должны находится за пределами экрана, для этого я им прописал top: 1000px, дальше, чтобы их показывать я меняю у них top на нужный. В такой реализации столкнулся с проблемой как на скрине, весь контент смещен вверх как я понял из-за overflow на контейнере, потому что если его убрать то весь контент смещается ниже

вот скрин как выглядит когда убран overflow

кто-нибудь знает в чем может быть дело?

проще показать код чем много слов_

Первый скрин стили контейнера, второй стили анимированной плашки, &_show - как раз применяется, когда нужно показать плашку

оч жесткий) код

но короче тебе надо анмиировать не весь контейнер а именно контент

не совсем понял, у меня и так контейнер не анимируется( только плашки внутри него. Может если я скину скрин дом дерева, то станет понятнее в чем проблема. Вот есть login entry, его стили в первом скрине из прошлого сообщения, внутри него есть лого и animatedPlate(второй скрин прошлого сообщения) в количестве 4ех штук. Три нижних плашки невидны в начальный момент времени, у них стоит top: 1000px и они за пределами экрана. При этом весь контент внутри loginEntry смещен на 50px вверх(которого быть не должно!!!), но если убрать overflow: hidden у loginEntry, то смещение исчезает(но при этом появляется скролл, из-за плашек с top: 1000px)

вопрос возник как убрать стандартные отступы сверху и снизу у шрифта?

* {margin:0;padding:0;}

line-height?

ДРузья, есть задача - при ховере менять цвет свгшки. Как это можно сделать, если не хранить саму свг в верстке, а импортировать?

Импортировать как

ну получается довольно криво, ибо импортируется источник в имг

filter: hue-rotate()?