Toggle navigation
Betabeers
Forum
Jobs
Agenda
Streamers
Tests
Talks
Courses
Communities
Entrar
You just voted the comment
Home
>
Forum
>
Web development
Recopilación de efectos tipo instagram con CSS
I Like it
1434 visits
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 ;)
Reply
Responder
You have to register to coment
Register
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 ;)