Fazendo imagens espreitarem para fora do seu contêiner

Escrito por

em

,

Fazendo imagens sobressaírem para fora do seu contêiner

Aqui adicionei uma linha com uma cor de fundo e, em seguida, adicionei uma imagem dentro dela. Aqui está:

7a1ad1cd25 file 029qnDthFOPara fazê-la “sobressair” acima do contêiner, passe o mouse sobre o elemento que você deseja mover. Em seguida, quando os contornos aparecerem, mova o mouse para além da parte superior do contorno. Ele deverá mostrar o valor atual da margem superior:

3bb498880e file FqLy7ZTTHD

Clique e arraste a margem superior para cima para diminuir a sua margem, tornando-a um valor negativo:

4a89f1e31e file Zm8Z0aOtCs

Agora a imagem “sobressai” para fora da linha!

Se o elemento estiver sendo cortado ao ultrapassar a linha, abra o inspetor de propriedades da linha e desative a opção overflow hidden nas opções Avançadas:

0787678afd file pUDej5DLsQ