Https://Codepen.Io/An4morph/Pen/YzjOmoy?Editors=1100 Привет, тут пример кода^ Подскажите как можно сделать так, чтобы при

Question

Https://Codepen.Io/An4morph/Pen/YzjOmoy?Editors=1100 Привет, тут пример кода^ Подскажите как можно сделать так, чтобы при

unhover с кнопки item просто исчезал без перемещения? сейчас он сбрасывает свое значение transform и получается такой прыжок, который не нужен. Хотелось бы чтобы он остался в том месте, куда переместился
ВАЖНО. Нельзя использовать js и keyframes. Только транзишены

#css #frontend #html #programming #russian

0

31.01.2023

25 ответов

18 просмотров

Polina A Автор вопроса

Андрей Гуртовой
да, просто убери opacity у transition

нет, тогда item будет отъезжать влево. Плавно, но мне нужно чтоб на месте стояло

0

31.01.2023

Ivan Sam

Polina A
нет, тогда item будет отъезжать влево. Плавно, но ...

перенеси транзишн в ховер

0

31.01.2023

Лёша Стремится?

transformX(0px) в начале

0

31.01.2023

Андрей Гуртовой

Лёша Стремится?
transformX(0px) в начале

вы не читаете вопрос(как и я в начале)

0

31.01.2023

Polina A Автор вопроса

Ivan Sam
перенеси транзишн в ховер

вот это на самом деле помогло, но все равно, порядок анимации не тот, и как добиться нужного не понимаю 🥲 надо чтобы - при наведении выезжал и появлялся - при уходе мышки только плавно исчезал и никуда не двигался А сейчас все ровно наоборот

0

31.01.2023

LZD

Polina A
вот это на самом деле помогло, но все равно, поряд...

а как щас

0

31.01.2023

Polina A Автор вопроса

LZD
а как щас

https://codepen.io/an4morph/pen/OJwBLmO?editors=1100

0

31.01.2023

Ivan Sam

Polina A
вот это на самом деле помогло, но все равно, поряд...

https://codepen.io/iis-git/pen/YzjJKWW так?

0

31.01.2023

LZD

Polina A
вот это на самом деле помогло, но все равно, поряд...

ну там таже история что и полосочкой будет под текстом

0

31.01.2023

Polina A Автор вопроса

Ivan Sam
https://codepen.io/iis-git/pen/YzjJKWW так?

да! спасибо. Только еще подумаю как оpacity плавно меня при unhover

0

31.01.2023

Ivan Sam

Polina A
да! спасибо. Только еще подумаю как оpacity плавно...

https://codepen.io/iis-git/pen/YzjJKWW вот

0

31.01.2023

Polina A Автор вопроса

LZD
ну там таже история что и полосочкой будет под тек...

будто другое. Там все решалось transform-origin тяжело мне дается тема с этими transition, вообще не вкуриваю логики как разные переходы на hover-unhover🥲

0

31.01.2023

LZD

Polina A
будто другое. Там все решалось transform-origin тя...

https://codepen.io/lzd/pen/RwBebQg

0

31.01.2023

Polina A Автор вопроса

LZD
https://codepen.io/lzd/pen/RwBebQg

пасиб,но не оно. Самый близкий вариант вот https://t.me/css_ru/1/857177

0

31.01.2023