Size: a a a

Верстка сайтов HTML/CSS/JS/PHP

2021 May 25

МС

Максим Савченко... in Верстка сайтов HTML/CSS/JS/PHP
Ребят , кто когда нибудь сталкивался с анимацией карточек ?
https://www.loom.com/share/be606621fe8e46a4b36dee9550f863f9
Я сделал вот такую анимацию с помощью библиотеки masonry , но мне нужно , карточка открывалась сверху в каждом рядо , а не вот так как на видео ((
я уже голову сломал как это сделать .
Там все прибито абсолютами , я не могу ничего провернуть с флексами и тд
источник
2021 May 26

S

Sticher78 in Верстка сайтов HTML/CSS/JS/PHP
что тебе мешает сделать их пОрядно poxition: relative
источник

НК

Неизвестный Кто-то... in Верстка сайтов HTML/CSS/JS/PHP
Весь экран)
источник

НК

Неизвестный Кто-то... in Верстка сайтов HTML/CSS/JS/PHP
Растянут
источник

М

Макс in Верстка сайтов HTML/CSS/JS/PHP
Зачем тебе либу использовать для этого
Просто сверстай карточки и одно модальное, которое будет сверху отображаться при клике на карточку. Ещё при клике на текущую карточку бери скрытый контент и вставляй в модалку сверху и все
источник

EK

Evgeny Kukzik in Верстка сайтов HTML/CSS/JS/PHP
Видимо ему нужно анимированно перестраивать все карточки при открытии одной из них
источник

МС

Максим Савченко... in Верстка сайтов HTML/CSS/JS/PHP
Так точно
источник

C

Combot in Верстка сайтов HTML/CSS/JS/PHP
ncmoex rltvm has been banned! Reason: CAS ban.
источник

М

Макс in Верстка сайтов HTML/CSS/JS/PHP
Ну при нажатии на текущую - скрывать ее и карточки будут перестраиваться
источник

EK

Evgeny Kukzik in Верстка сайтов HTML/CSS/JS/PHP
https://codepen.io/desandro/pen/JFpIB
Глянь, чё нашёл
источник

EK

Evgeny Kukzik in Верстка сайтов HTML/CSS/JS/PHP
источник

МС

Максим Савченко... in Верстка сайтов HTML/CSS/JS/PHP
так я ее и юзаю так ))
вот только тут одна болезнь , если поставить у блока не 60 а 100 процентов , то об будет вести себя так как у меня сейчас. НО , я не доконца прочитал вчера доку .
Я теперь удалаяю итем , по которому кликаю , и пушу его в начало масонри блока , потом делаю релоад блока , все работает только для первого ряда как я хочу , но вот даль блоки летят в верх с любого места , и я теперь этот баг побороть не могу 😭😭😭😭

https://www.loom.com/share/485b0409fec440c89f4d56d26eeb742f
источник

EK

Evgeny Kukzik in Верстка сайтов HTML/CSS/JS/PHP
Я бы напсиал всё заново)
источник

МС

Максим Савченко... in Верстка сайтов HTML/CSS/JS/PHP
а как  сделать анимацию блоков , при клике ? есть идеи ?
источник

EK

Evgeny Kukzik in Верстка сайтов HTML/CSS/JS/PHP
Не, я бы это же либой пользовался, но разобрался, почему что-то идёт не так
источник

EK

Evgeny Kukzik in Верстка сайтов HTML/CSS/JS/PHP
Она точно так умеет
источник

EK

Evgeny Kukzik in Верстка сайтов HTML/CSS/JS/PHP
Без такого типа либы не достичь нужного результата
источник

МС

Максим Савченко... in Верстка сайтов HTML/CSS/JS/PHP
понял , спасибо
источник

KS

Korolev Sergey in Верстка сайтов HTML/CSS/JS/PHP
Всем привет. Есть свободный php программист?
источник

KS

Korolev Sergey in Верстка сайтов HTML/CSS/JS/PHP
по проектно, оценка за вами
источник