Breaking News: Grepper is joining You.com. Read the official announcement!

group hover tailwind

Gede Astu answered on April 7, 2023 Popularity 10/10 Helpfulness 5/10

answer group hover tailwind

related group hover tailwind

group hover tailwind

Comment

<div className=' flex h-screen justify-center items-center'>
        <div className='group text-xl'>
          <strong className='group-hover:text-red-500'>Hover on me </strong>
          <strong className='group-hover:text-green-500'>the texts will be </strong>
          <strong className='group-hover:text-blue-500'>of different colors</strong>
        </div>
      </div>

Popularity 10/10 Helpfulness 5/10 Language whatever

Source: dev.to

Tags: group hover whatever

Link to this answer
Share Copy Link

Contributed on Apr 07 2023

Gede Astu

0 Answers Avg Quality 2/10

Closely Related Answers

group hover tailwind

Comment

1) group/item

2) group-hover/item:bg-green-200

<ul role="list">
  {#each people as person}
    <li class="group/item hover:bg-slate-100 ...">
      <img src="{person.imageUrl}" alt="" />
      <div>
        <a href="{person.url}">{person.name}</a>
        <p>{person.title}</p>
      </div>
      <a class="group/edit invisible hover:bg-slate-200 group-hover/item:visible ..." href="tel:{person.phone}">
        <span class="group-hover/edit:text-gray-700 ...">Call</span>
        <svg class="group-hover/edit:translate-x-0.5 group-hover/edit:text-slate-500 ...">
          <!-- ... -->
        </svg>
      </a>
    </li>
  {/each}
</ul>

Popularity 10/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: group grou

Link to this answer
Share Copy Link

Contributed on Nov 09 2023

Elated Eagle

0 Answers Avg Quality 2/10

group hover tailwind

Contents

More Related Answers

group hover tailwind

Closely Related Answers

group hover tailwind

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.