html - imagen - hover effects
El efecto de desplazamiento sale del borde (2)
No estás viendo resultados porque tu clase: hover está en la parte superior de tu CSS. Debe estar debajo de sus clases base, de lo contrario se aplicarán reglas en cascada. Cuando lo mueves hacia abajo puedes aplicarle un radio de borde.
border-radius:10px;
http://jsfiddle.net/q2w4jjyt/23/
Sin embargo, apuntaría específicamente a la línea del Equipo 6 con una identificación para que el Equipo 5 no tenga el radio y se vea tonto.
Aquí está mi JSFiddle , donde tengo una tabla, donde al pasar el mouse, sus filas deberían cambiar de color, así:
.hover-row:hover {
background-color: #FFEFC6;
}
Sin embargo, en la última fila, el efecto de desplazamiento se desbordará (el contenedor tiene algo de radio). ¿Podemos hacer algo para evitar eso?
Lo he intentado con z-index y / o border-radius , ¡pero no tendrá ningún efecto!
Puede configurar el overflow: hidden; en .wrap .