Toggle navigation
Betabeers
Foro
Empleo
Agenda
Streamers
Tests
Charlas
Cursos
Comunidades
Entrar
Acabas de votar el comentario
Portada
>
Foro
>
Desarrollo web
Recopilación de efectos tipo instagram con CSS
Me gusta
1433 visitas
0
Miquel Camps
02/04/2013 17:23
Interesante recopilación para poner en textos e imagenes:
texto con sombra
text-shadow:black 0.1em 0.1em 0.2em;
semitransparencia
opacity:0.3;
blanco y negro
-webkit-filter: grayscale(100%);
difuminado
-webkit-filter: blur(2px);
borde rodondeado
border-radius:50px;
oscurecer
webkit-filter: grayscale(100%);}
invertir colores
-webkit-filter: invert(100%);
saturar colores
-webkit-filter: saturate(3);
contrastar imagen
-webkit-filter: contrast(160%);
sepia
-webkit-filter: sepia(100%);
cambiar paleta de color
-webkit-filter: hue-rotate(180deg);
ver demo
Si conoces más efectos o webs con efectos, deja un comentario ;)
Responder
Responder
Para comentar tienes que estar registrado.
Registrate
Publicar comentario
Este sitio necesita cookies para que funcione correctamente
Aceptar Cookies
Política de cookies
texto con sombra
text-shadow:black 0.1em 0.1em 0.2em;
semitransparencia
opacity:0.3;
blanco y negro
-webkit-filter: grayscale(100%);
difuminado
-webkit-filter: blur(2px);
borde rodondeado
border-radius:50px;
oscurecer
webkit-filter: grayscale(100%);}
invertir colores
-webkit-filter: invert(100%);
saturar colores
-webkit-filter: saturate(3);
contrastar imagen
-webkit-filter: contrast(160%);
sepia
-webkit-filter: sepia(100%);
cambiar paleta de color
-webkit-filter: hue-rotate(180deg);
ver demo
Si conoces más efectos o webs con efectos, deja un comentario ;)