Hola, tengo 3 iconos en mi footer, los cuales están en formato SVG.
La idea es que al pasar el mouse por arriba la parte dibuja adentro se ponga blanca.
Código CSS:
Ver original.icono img
{
margin-top: 10px;
background-color: red;
width:32px;
height:32px;
transition: transform .1s ease; /* Aplicamos transición de 0.1 segundos al transform, con la aniamción "ease" */
}
.icono img:hover
{
background-color: #fff;
transform: scale(1.1,1.1);
}
Por defecto se crea un borde que no puedo quitar de ninguna forma, ni con border: none lo unico que lo afecto fue el "border-radius" pero directamente no quiero que aparezca