У меня есть класс ".form-option-card" и последующий класс ". Форма-выберите". Для контекста у любого невыбранного опции будет только то, что выбранная карта, и выбранная опция будет выбрана. Мне бы хотелось, чтобы свойства зависания выбранной карты отличались, если это возможно?.form-option-card {
padding: 16px 24px;
display: flex;
flex: 0 0 auto;
box-sizing: border-box;
flex-direction: row;
justify-content: flex-start;
align-items: center;
border-radius: 6px;
border: 0.5px solid #d1d1d122;
margin: 0px 0px 12px;
max-width: 570px;
width: 100%;
min-height: 64px;
margin-left: auto;
margin-right: auto;
transition: transform 0.1s, border-color 0.5s, background-color 0.2s, box-shadow 0.1s;
}
.form-option-card:hover {
transform: scale(1.01);
background-color: #ffffff05;
box-shadow: 0px 0px 15px #ffffff19;
}
.form-option-card:hover .form-option-selected {
background-color: #6454f305;
}
< /code>
Но, очевидно, это не работает, иначе меня не было бы здесь. Есть идеи?
Подробнее здесь: https://stackoverflow.com/questions/761 ... y-the-hove
Есть ли способ изменить то, как на энтузиатор влияет элемент с подклассом? ⇐ CSS
Разбираемся в CSS
1743597875
Anonymous
У меня есть класс ".form-option-card" и последующий класс ". Форма-выберите". Для контекста у любого невыбранного опции будет только то, что выбранная карта, и выбранная опция будет выбрана. Мне бы хотелось, чтобы свойства зависания выбранной карты отличались, если это возможно?.form-option-card {
padding: 16px 24px;
display: flex;
flex: 0 0 auto;
box-sizing: border-box;
flex-direction: row;
justify-content: flex-start;
align-items: center;
border-radius: 6px;
border: 0.5px solid #d1d1d122;
margin: 0px 0px 12px;
max-width: 570px;
width: 100%;
min-height: 64px;
margin-left: auto;
margin-right: auto;
transition: transform 0.1s, border-color 0.5s, background-color 0.2s, box-shadow 0.1s;
}
.form-option-card:hover {
transform: scale(1.01);
background-color: #ffffff05;
box-shadow: 0px 0px 15px #ffffff19;
}
.form-option-card:hover .form-option-selected {
background-color: #6454f305;
}
< /code>
Но, очевидно, это не работает, иначе меня не было бы здесь. Есть идеи?
Подробнее здесь: [url]https://stackoverflow.com/questions/76127020/is-there-a-way-to-change-how-an-element-with-a-subclass-is-affected-by-the-hove[/url]
Ответить
1 сообщение
• Страница 1 из 1
Перейти
- Кемерово-IT
- ↳ Javascript
- ↳ C#
- ↳ JAVA
- ↳ Elasticsearch aggregation
- ↳ Python
- ↳ Php
- ↳ Android
- ↳ Html
- ↳ Jquery
- ↳ C++
- ↳ IOS
- ↳ CSS
- ↳ Excel
- ↳ Linux
- ↳ Apache
- ↳ MySql
- Детский мир
- Для души
- ↳ Музыкальные инструменты даром
- ↳ Печатная продукция даром
- Внешняя красота и здоровье
- ↳ Одежда и обувь для взрослых даром
- ↳ Товары для здоровья
- ↳ Физкультура и спорт
- Техника - даром!
- ↳ Автомобилистам
- ↳ Компьютерная техника
- ↳ Плиты: газовые и электрические
- ↳ Холодильники
- ↳ Стиральные машины
- ↳ Телевизоры
- ↳ Телефоны, смартфоны, плашеты
- ↳ Швейные машинки
- ↳ Прочая электроника и техника
- ↳ Фототехника
- Ремонт и интерьер
- ↳ Стройматериалы, инструмент
- ↳ Мебель и предметы интерьера даром
- ↳ Cантехника
- Другие темы
- ↳ Разное даром
- ↳ Давай меняться!
- ↳ Отдам\возьму за копеечку
- ↳ Работа и подработка в Кемерове
- ↳ Давай с тобой поговорим...
Мобильная версия