miércoles, 26 de septiembre de 2012

Efectos en Imagenes

Hoy voy a mostrar varios efectos que pueden poner a sus imagenes okei? son muy llamativos y muy faciles de usar..

TODOS los codigos se pegaran antes de ]]></b:skin>

empezemos con el primero:

EFECTO SEPIA

Codigo:

.post-body img {filter: sepia(100%);-webkit-filter: sepia(100%); -moz-filter: sepia(100%);-webkit-filter(1);-webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;transition: all 0.4s linear;}.post-body img:hover{filter: sepia(0%);-webkit-filter: sepia(0%); -moz-filter: sepia(0%);-webkit-filter(0);}

*** si lo quieres invertido osea de imagen normal a efecto sepia estes es el codigo: ***

img{
-webkit-transition: all .7s linear;
-moz-transition: all .7s linear;
transition: all .7s linear
}
img:hover{-webkit-filter: sepia(100%);z-index: -99px;}



EFECTO GRAYSCALE


codigo:

.post img{-webkit-filter: grayscale(1);-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%);filter: url(desaturate.svg#greyscale);filter: gray; filter: grayscale(100%);-webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;transition: all 0.4s linear;} .post img:hover{-webkit-filter: grayscale(0);-webkit-filter: grayscale(0); -moz-filter: grayscale(0);filter: none; filter: grayscale(0);}

*** si lo quieres de imagen normal a efecto grayscale estes es el codigo: ***

img{-webkit-transition: all 0.8s linear;-moz-transition: all 0.8s linear;transition: all 0.8s linear}
img:hover{-webkit-filter: grayscale(100%);z-index: -99px;}


EFECTO BLUR



codigo:

.post-body img{-webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;transition: all 0.4s linear;filter: blur(2px); -webkit-filter: blur(2px); -moz-filter: blur(2px);} .post-body img:hover{filter: none; -webkit-filter: blur(0px);-moz-filter: blur(0px);filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');}

*** si lo quieres de imagen normal a efecto blur estes es el codigo: ***

img{
-webkit-transition: all .7s linear;
-moz-transition: all .7s linear;
transition: all .7s linear
}
img:hover{-webkit-filter: blur(1px);z-index: -99px;}


INVERT EFFECT


codigo:

img{
-webkit-transition: all .7s linear;
-moz-transition: all .7s linear;
transition: all .7s linear
}
img:hover{-webkit-filter: invert(100%);z-index: -99px;}


EFFECTO CAMERA SHOT


codigo:

img{
-webkit-transition: all .7s linear;
-moz-transition: all .7s linear;
transition: all .7s linear
}
img:hover{-webkit-filter: brightness(15%);z-index: -99px;}

que tengan bonito dia :)



martes, 25 de septiembre de 2012

premios


Premioos *v* muchisimas gracias a todas por otorgarmelos >.<

Mi primer premio me lo da Lucero de Luany-Kawaii ariganto n.n




Reglas Premio

No quites el enlace de la imagen. 

Responde estas preguntas.

1. ¿Cual es tu animal favorito?
amo los perros *v*

2. ¿cual es tu postre favorito?
pastel de chocolate yumiii >.<

3.¿Cual es el chico de tus sueños?
que sea detallista, lindo, buena onda y lo mas importante que le encanten los videojuegos y anime como a mi xD


4.¿Cual es tu anime favorito?
tengo muchos no sabria elegir x.x

Entrega este premio a un máximo de 6 blogs:







Este me lo otorgo lupita =D de Modern girl 






Gracias phanie te quedo precioso el premio *v*



arigato

Imagenes [Actitud,Amistad]

Navegando navegandoo  como siempre xD me encontre con estas imagenes *v* son recolectadas de varias paginas ..

si te gustaron las que aqui puse, te invito a que pases a mi album de photobucket para mas imagenes.. solo da clic AQUI


 

miércoles, 19 de septiembre de 2012

*Ganadora del Sorteo Annyz Blog*



aww por fin ya me dio tiempo de hacer esta entradita
desde ayer queria hacerla pero no habia podido x.x
en fin vengo a mencionar a la ganadora del sorteo *o*
recuerden que el numero ganador salio resultante
de random.org *numero aleatorio*
okaaa aclarando eso

*se escuchan tambores*
*taran taran taran *

Se aproxima a salir la ganadoraaa.. pero se regresa porque le da pena *o* --stoe loca lo se hahah xD--
entonces annyz-chan le da una patadita que la avienta al escenario - puuumm - para que todas las vean =D..y las blogeritas se emocionan awwww *o*

*aplausos*

y la ganadora es:


aqui el resultado:


A la ganadora tienes 48 horas para enviarme un mail con tus datos para saber a donde tengo que enviar el regalo okaaas?

Gracias a todas las que se animaron a participar..me hubiera gustado que todas hubieran salido ganadoras pero no se puede.. igual no se desanimen, mas adelante hare otro sorteo y habra mas sorpresas ^^ besos a todas

martes, 18 de septiembre de 2012

3 Editores De Fotos Online

hola blogueritas como ven que ahora les traigo a mostrar 3 editores para imagenes *v* los 3 son buenisimos, estan en online y lo mejor que son gratis y no te tienes que registrar para utilizarlos, esto es para las chicas que no tienen photoshop y quieran darle una retocadita a las imagenes.

bueno empezemos:

El primero:

Befunky
da clic a la imagen para ir a la pagina ^^

20-09-10-00.jpg

El segundo:

Pixlr
Da clic a la imagen para ir a la pagina ^^


y por ultimo el tercero:

Fotoflexer
da clic sobra la imagen para ir a la pagina ^^


Todas tienen efectos muy buenos,
de verdad se los recomiendo ^.^




lunes, 17 de septiembre de 2012

Hover Imagen Rainbow

Este tutorial me lo presto Melo-Chan <3
es un efecto multicolor muy lindo que le da a las imagenes
al pasar el cursor sobre ellas ^^


para ver el efecto solo pasa el cursor sobre la siguiente imagen


para poner este efecto en tu blog haz lo siguiente:

Ve a Diseño >> Edicion de html >> Editar plantilla

y busca el siguiente codigo:

]]></b:skin>

pegar este codigo justo arriba de ]]></b:skin>

img {
filter: hue-rotate(360deg);
-webkit-filter: hue-rotate(360deg);
-moz-filter: hue-rotate(360deg);
-webkit-filter;(1);
-webkit-transition: all 0.7s linear;
-moz-transition: all 0.7s linear;
transition: all 0.7s linear;}
img:hover {
filter: hue-rotate(0deg);
-webkit-filter: hue-rotate(0deg);
-moz-filter: hue-rotate(0deg);
-webkit-filter;(0);}

Da vista previa y guardas ^^
Credito:


viernes, 14 de septiembre de 2012

Cursores para tu blog ^^

Cursores hechos por mi.. favor de no quitar el link con la direccion de mi blog.. si los publicas no olvides los creditos ^^

Para colocarlos en tu blog:

Diseno >> Elementos de pagina >> Añadir gadget html/javascript... copias el codigo del cursor que te guste y lo pegas en el gadget.

.....................................................................
...............................
.....................................................................
..............................
........................................ ..........................
..............................
.................................................................
..............................
.................................................................
..............................
...................................................................
..............................
.................................................................
..............................
...................................................................
..............................