Size: a a a

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

2021 March 30

R

Roderen in Верстка сайтов HTML/CSS/JS/PHP
Помогите пж:
https://codepen.io/roderen/pen/VwPmwNo
При нажатии на кнопку вперёд или назад (кнопка назад появляется после первого блока), текущий блок должен плавно скрываться и за ним плавно появляться следующий блок. У меня же вышло только так, что текущий блок скрывается резко (без анимации), а следующий блок появляется как нужно (с анимацией)
источник

и

иззет in Верстка сайтов HTML/CSS/JS/PHP
Roderen
Помогите пж:
https://codepen.io/roderen/pen/VwPmwNo
При нажатии на кнопку вперёд или назад (кнопка назад появляется после первого блока), текущий блок должен плавно скрываться и за ним плавно появляться следующий блок. У меня же вышло только так, что текущий блок скрывается резко (без анимации), а следующий блок появляется как нужно (с анимацией)
Наверняка transition задан не правильно
Не тому блоку
источник

R

Roderen in Верстка сайтов HTML/CSS/JS/PHP
иззет
Наверняка transition задан не правильно
Не тому блоку
не совсем transition)
источник

S

Sticher78 in Верстка сайтов HTML/CSS/JS/PHP
Roderen
Помогите пж:
https://codepen.io/roderen/pen/VwPmwNo
При нажатии на кнопку вперёд или назад (кнопка назад появляется после первого блока), текущий блок должен плавно скрываться и за ним плавно появляться следующий блок. У меня же вышло только так, что текущий блок скрывается резко (без анимации), а следующий блок появляется как нужно (с анимацией)
ну так скриптом задай класс блоку и скрой его по css
источник

R

Roderen in Верстка сайтов HTML/CSS/JS/PHP
Sticher78
ну так скриптом задай класс блоку и скрой его по css
код посмотри пж...
источник

S

Sticher78 in Верстка сайтов HTML/CSS/JS/PHP
Roderen
код посмотри пж...
нет желания, да и занят
источник

R

Roderen in Верстка сайтов HTML/CSS/JS/PHP
Sticher78
нет желания, да и занят
ну так не нужно писать то, что и так уже есть...
источник

S

Sticher78 in Верстка сайтов HTML/CSS/JS/PHP
пф, ковыряйся, зкачит, сам
источник

R

Roderen in Верстка сайтов HTML/CSS/JS/PHP
Sticher78
пф, ковыряйся, зкачит, сам
обиделся? но я так и не понял, зачем ты говоришь сначала то, что и так имеется, при этом не посмотрев код предварительно?
мол: "на вариант, но я не смотрел ничего, просто наугад написал. Не подходит? Иди к чёрту!
источник

S

Sticher78 in Верстка сайтов HTML/CSS/JS/PHP
Roderen
обиделся? но я так и не понял, зачем ты говоришь сначала то, что и так имеется, при этом не посмотрев код предварительно?
мол: "на вариант, но я не смотрел ничего, просто наугад написал. Не подходит? Иди к чёрту!
того же самого себе на воротник заверни, олень
источник

R

Roderen in Верстка сайтов HTML/CSS/JS/PHP
Sticher78
того же самого себе на воротник заверни, олень
И к чему ты это, сам то понял, что сморозил?
источник

i

idkfa in Верстка сайтов HTML/CSS/JS/PHP
Roderen
Помогите пж:
https://codepen.io/roderen/pen/VwPmwNo
При нажатии на кнопку вперёд или назад (кнопка назад появляется после первого блока), текущий блок должен плавно скрываться и за ним плавно появляться следующий блок. У меня же вышло только так, что текущий блок скрывается резко (без анимации), а следующий блок появляется как нужно (с анимацией)
display: none хрен анимируешь в лоб, нужны костыли
источник

R

Roderen in Верстка сайтов HTML/CSS/JS/PHP
idkfa
display: none хрен анимируешь в лоб, нужны костыли
keyframes разве костыль?
источник

i

idkfa in Верстка сайтов HTML/CSS/JS/PHP
keyframes вряд ли поможет
источник

R

Roderen in Верстка сайтов HTML/CSS/JS/PHP
idkfa
keyframes вряд ли поможет
посмотри пожалуйста для начала то, что я написал с помощью keyframes...
источник

i

idkfa in Верстка сайтов HTML/CSS/JS/PHP
зачем смотреть, достаточно что у тебя в js .style.display = "none";
источник

R

Roderen in Верстка сайтов HTML/CSS/JS/PHP
idkfa
зачем смотреть, достаточно что у тебя в js .style.display = "none";
ну окей, тогда просто протестируй...
источник

R

Roderen in Верстка сайтов HTML/CSS/JS/PHP
работает - работает
источник

R

Roderen in Верстка сайтов HTML/CSS/JS/PHP
но не могу сделать так, чтобы была анимация при скрытии блока
источник

i

idkfa in Верстка сайтов HTML/CSS/JS/PHP
я выше об этом и написал
источник