<p>Crea pestañas mostrando contenido, con el selector <code>::hover</code>, usando HTML, CSS y JavaScript.</p>
<p><strong>Ejemplo:</strong></p>
<div class="embed-wrapper"><div class="embed-loading"><div class="loadingRow"></div><div class="loadingRow"></div></div><a class="embed-card" href="https://codepen.io/frontend-club/pen/mdYqeJM">https://codepen.io/frontend-club/pen/mdYqeJM</a></div>
<p> </p>
<h3 id="heading-referencias">Referencias</h3>
<p>El contenido de este artículo es inspiración y traducción de:</p>
<ul>
<li><a target="_blank" href="https://www.w3schools.com/howto/howto_js_hover_tabs.asp">How TO - Hover Tabs</a></li>
</ul>
<hr />
<p><em>"La mejor manera de aprender a programar es practicando todos los días"</em></p>


Crea pestañas mostrando contenido, con el selector `::hover`, usando HTML, CSS y JavaScript.

**Ejemplo:**

%[https://codepen.io/frontend-club/pen/mdYqeJM] 

### Referencias

El contenido de este artículo es inspiración y traducción de:

* [How TO - Hover Tabs](https://www.w3schools.com/howto/howto_js_hover_tabs.asp)
    

---

*"La mejor manera de aprender a programar es practicando todos los días"*

Crea pestañas con `::hover` usando HTML, CSS y JavaScript

Hover Tabs - Frontend Club

Hover Tabs

"La mejor manera de aprender a programar es practicando todos los días".
