Как изменить ширину при наведении с помощью tailwindcss - PullRequest
Новая
       37

Как изменить ширину при наведении с помощью tailwindcss

2 голосов
/ 25 мая 2020

Я пытаюсь сделать div шире при зависании с помощью Tailwind css. Это возможно? и как?

Я пробовал следующее, но это не сработало: 

class="w-1/3 hover:w-3/5"

1 Ответ

3 голосов
/ 25 мая 2020

По умолчанию , попутный ветер css генерирует только адаптивные варианты для утилит ширины. Чтобы изменить ширину при наведении, вам необходимо изменить файл tailwind.config.js и добавить 

variants: {
    width: ["responsive", "hover", "focus"]
}

в файл tailwind.config.js, а затем заново построить файл css попутного ветра. После этого вы сможете увеличивать ширину элементов, наводя на них курсор.

...