Saudações amigos,
Gostaria de saber qual propriedade usar para usar linear gradiente em css usando imagens,
aqui tem um exemplo claro disso https://www.widepay.com
Bem, eu ainda estou aprendendo CSS, então não sei se existe uma solução mais pratica para isso, porém como o dragiente está em uma imagem que você vai utilizar, eu acho que você pode simplesmente colocar o gradiente através de um editor de imagem tipo photoshop, é bem fácil, você só vai precisar utilizar uma label com o gradiente por tras e ajustar o nível de opacidade que você quiser.
É uma idéia.
1 curtida
Pode utilizar background-image: linear-gradient(to bottom, transparent, rgba(0,0,0,.3));
Veja neste tutorial e aplique em uma imagem.
https://tableless.com.br/como-usar-gradient-no-css-de-forma-consciente/
Vai testando até chegar no ponto que preferir.
A idéia de usar Photoshop também é interessante. Já adicionar a imagem pronta e renderizar.
1 curtida
Quer dizer que eu posso por exemplo, colocar uma classe em uma imagem, e no CSS usar essa classe para colocar o background-image: linear…?
Tipo isso
??
1 curtida
Hahahaha, exatamente isso, muito mais fácil. Vou até utilizar aqui pra fixar na memória. rsrsrs
Acho que dá pra mudar pra [RESOLVIDO] já
Também acho que podemos fechar.
@RafaSmith pode marcar o comentário como Resolução e atribuir [RESOLVIDO] no título?
Consegui fazer com desta maneira
#tag{background: linear-gradient(-125deg, #cccccc 12%, transparent 100%), url("…/img/laptop.jpeg");