Filtros ao Estilo Instagram nas Imagens usando CSS

Dando uma olhada por aí, encontrei esses filtros feitos com CSS; são para você poder obter os mesmos efeitos dos da rede social Instagram, com a vantagem de poder adicioná-los em qualquer lugar que aceite html e sem estar cadastrado por lá. Para usar nas imagens em seu blog, faça o seguinte.
1. Acesse esse link, são os estilos dos filtros ou CSS. Copie tudim.
2. Cole o que copiou em qualquer lugar em que deseja que o efeito apareça, entre <style> e </style>
3. Na imagem que deseja usar um dos filtros, deixe assim:
<img src='LINK-DA-IMAGEM' class='filter-NOMEDOFILTRO'/>
Exemplo: Imagem original (do pixabay.com)

E olha abaixo o resultado com os filtros Ludwig, gingham, hudsom, valencia e xpro:

O html acima ficou assim:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirDB6brlkce17P2aR2VN8041KA3u-BqvsRAEVnrWh-4lxAiTyvUTNewNHczxp0BQ3wUPtYzsWbNfNk7-Ll0MUEKugk5M9eEOB1m5aqotGEUatzl4wHWuDC2P55-p4fxeERyZWAzS-lwUo/s1600/woman.jpg" class="filter-ludwig"/>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirDB6brlkce17P2aR2VN8041KA3u-BqvsRAEVnrWh-4lxAiTyvUTNewNHczxp0BQ3wUPtYzsWbNfNk7-Ll0MUEKugk5M9eEOB1m5aqotGEUatzl4wHWuDC2P55-p4fxeERyZWAzS-lwUo/s1600/woman.jpg" class="filter-gingham"/>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirDB6brlkce17P2aR2VN8041KA3u-BqvsRAEVnrWh-4lxAiTyvUTNewNHczxp0BQ3wUPtYzsWbNfNk7-Ll0MUEKugk5M9eEOB1m5aqotGEUatzl4wHWuDC2P55-p4fxeERyZWAzS-lwUo/s1600/woman.jpg" class="filter-hudson"/>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirDB6brlkce17P2aR2VN8041KA3u-BqvsRAEVnrWh-4lxAiTyvUTNewNHczxp0BQ3wUPtYzsWbNfNk7-Ll0MUEKugk5M9eEOB1m5aqotGEUatzl4wHWuDC2P55-p4fxeERyZWAzS-lwUo/s1600/woman.jpg" class="filter-valencia"/>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirDB6brlkce17P2aR2VN8041KA3u-BqvsRAEVnrWh-4lxAiTyvUTNewNHczxp0BQ3wUPtYzsWbNfNk7-Ll0MUEKugk5M9eEOB1m5aqotGEUatzl4wHWuDC2P55-p4fxeERyZWAzS-lwUo/s1600/woman.jpg" class="filter-xpro-ii"/>
E pronto! Eu não tenho conta no instagram, portanto não posso afirmar com certeza se os filtros são totalmente iguais aos da rede, mas os achei tão bonitos!!!






Postar um comentário

0 Comentários

up