Una función común en la lista infinita es que el elemento se atenuará después de que hagamos clic en él. ¿Podemos obtener este efecto solo con HTML, CSS, JS, jQuery (del lado del usuario)?

¿Cómo funciona?

1.) el usuario hace clic en el elemento de la tarjeta 2.) Cuando se presiona, se agrega text-muted al elemento de la tarjeta, lo que hace que se atenúe como se muestra a continuación

El ejemplo más simple de código en bootarap se ve así:

 {% for obj in objects %} <a href="/detail/id/" target="_blank"> <div class="card" id="card{{ obj.id }}"> <!--..content card..--> </div> </a> {% endfor %}