Кто знает сайт, где бесплтано код svg можно получить? поделитесь

Вот hover у svg не проблема сделать. А ты не знаешь, как сделать что бы у svg было поведение как у кнопки нажал там fill появился еще раз нажал - пропал.

0

20.08.2023

Anatoliy Kulak

Gregory
Вот hover у svg не проблема сделать. А ты не знаеш...

Менять fill на событии hover

0

20.08.2023

Кириллл 🚀 Go Aaply

Gregory
Вот hover у svg не проблема сделать. А ты не знаеш...

Или использовать mask + background

0

20.08.2023

Gregory Автор вопроса

Anatoliy Kulak
Менять fill на событии hover

hover это наведение я про другое. )))) я имею ввиду актив не актив как у кнопки нажата кнопка / не нажата

0

20.08.2023

Кириллл 🚀 Go Aaply

Gregory
hover это наведение я про другое. )))) я имею ввид...

Помести свг в кнопку, и стилизуй от родительского состояния

0

20.08.2023

Anatoliy Kulak

Gregory
hover это наведение я про другое. )))) я имею ввид...

Ну для этого есть :active. Я может вопрос не понимаю

0

20.08.2023

Gregory Автор вопроса

Кириллл 🚀 Go Aaply
Помести свг в кнопку, и стилизуй от родительского ...

слишком умные слова))

0

20.08.2023

Кириллл 🚀 Go Aaply

Gregory
слишком умные слова))

button:active > svg { ... }

0

20.08.2023

UltraPokemon

Gregory
слишком умные слова))

Суешь svg в кнопку, а дальше: const isActive = ref(false); button <SvgComponent/> or icomoon font /button

0

20.08.2023

его имя роберт полсон 🎰

Кириллл 🚀 Go Aaply
button:active > svg { ... }

так эктив это про другое я так понял у человека цель другая и ему нужно просто тоглить стэйт https://t.me/css_ru/1/897742

0

20.08.2023

Gregory Автор вопроса

Anatoliy Kulak
Ну для этого есть :active. Я может вопрос не поним...

да кстати :active почти удовлетворяет меня, он на секунду в момент клика меняет цвет, потом он проподает

0

20.08.2023

Gregory Автор вопроса

.like-svg:hover { fill: #F5C269; } /* .like-svg:active { fill: #455694; } */ .like-svg:focus { fill: #F5C269; } вот нужно что бы после нажатия сердечко осталось желтым) и заполнилось желтым

0

20.08.2023

Gregory Автор вопроса

Кириллл 🚀 Go Aaply
button:active > svg { ... }

так не помогает))

0

20.08.2023

Кириллл 🚀 Go Aaply

Gregory
.like-svg:hover { fill: #F5C269; } /* .l...

Для этого тебе нужно по нажатию тогглить класс, который будет сердечко красить. Это делается через js Как сделать — гуглишь "js переключение класса кнопки"

0

20.08.2023

Gregory Автор вопроса

Кириллл 🚀 Go Aaply
Для этого тебе нужно по нажатию тогглить класс, ко...

тогда я на вью это сделаю))

0

20.08.2023

Кириллл 🚀 Go Aaply

Gregory
тогда я на вью это сделаю))

Ну так тогда загугли то же самое, только вместо js напиши вью.......

0

20.08.2023

Gregory Автор вопроса

Кириллл 🚀 Go Aaply
Для этого тебе нужно по нажатию тогглить класс, ко...

Я думал может средствами css можно

0

20.08.2023

Gregory Автор вопроса

Кириллл 🚀 Go Aaply
Ну так тогда загугли то же самое, только вместо js...

на вью я так делал))

0

20.08.2023

Кириллл 🚀 Go Aaply

Gregory
Я думал может средствами css можно

Ксс не хранит информации о том, что кнопка когда-то была нажата. Можно разве что использовать хак с чекбоксом (стилизовать чекбокс под сердечко и стилизовать по :checked)

0

20.08.2023

Кириллл 🚀 Go Aaply

Gregory
на вью я так делал))

И во всём интернете не нашел информации об этом?

0

20.08.2023

Gregory Автор вопроса

Кириллл 🚀 Go Aaply
И во всём интернете не нашел информации об этом?

Повторюсь я знаю как на вью сделать, это не проблема думал может проще возможно только за счет css

0

20.08.2023

Кириллл 🚀 Go Aaply

Gregory
Повторюсь я знаю как на вью сделать, это не пробле...

Только на ксс это можно сделать через кастомный чекбокс, но нужно ли? Кода в 10 раз больше будет. Если интересно как — загугли "checkbox css like button"

0

20.08.2023

Gregory Автор вопроса

Кириллл 🚀 Go Aaply
Только на ксс это можно сделать через кастомный че...

да да я тебя еще в тот раз понял))

0

20.08.2023