#tailwind-css
Вопрос:
Можно ли использовать преобразования с псевдо-селектором группового наведения? Я могу заставить групповое наведение работать для вещей, которые не являются преобразованиями, такими как цвет текста, но я не могу заставить его работать при выполнении таких вещей, как translate-x или масштабирование. Ниже приведен пример. Ни одно из преобразований группового наведения во внутреннем div не работает для меня, но групповое наведение для фоновой и текстовой работы.
<div class="group">
<div id="inner" class="transform group-hover:translate-x-1/2 group-hover:scale-110 group-hover:bg-blue-200">
<p class="group-hover:text-white">some text</p>
</div>
</div>
Я делаю что-то не так? вот кодовое описание этого в действии
Ответ №1:
Смотрите, в соответствии с документацией group-hover включены несколько основных плагинов, которые не включают transform .
Так что для поддержки transform тоже вам придется включить group-hover вариант для этого в tailwind.config.js , как описано в документации.
Комментарии:
1. Спасибо, ты, кажется, пропустил это, хотя это очень ясно, лол
2. Пожалуйста, отметьте этот ответ как принятый. Так что это полезно и для других 🙂
3. как это включить, вы можете добавить код