Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

AMPLIAÇÃO DE IMAGENS COM GRID

Estou utilizando o CSS grid para a criação de um "portfólio" em um site. Gostaria que essas imagens assumissem seu tamanho completo quando o mouse passasse por elas. Utilizando o grid seria possível fazer um hover? Se não, existiria uma possibilidade de fazer isso sem recorrer a Js?

1 resposta
solução!

Boa Tarde João, Se não me engano tem como fazer isso apenas com CSS, através do seletor hover. Crie uma classe no CSS com o background reduzido, e depois crie uma classe com o seletor aumente o tamanho da imagem. Ex: Se você colocar essa classe em uma imagem a imagem aparece com 50%, quando você passa o mouse em cima ela vai para 100%! Teste ai e vê se é isso que você quer!

``` .teste { width: 50%; } .teste:hover{ width: 100%; }

`