Tutorial:Efecto de imagen 1 ♥

Hola  hoy les traigo otro tutorial ,efecto en todas las imagenes ,las imagenes de aqui abajito una demostracion ,el primero es cuando no esta el cursor ,y el segundo si lo esta  

Para Tenerlo sigan los siguientes pasos:

Para los que tiene Blogskin/Plantilla clasica ,buscar con control +F  </style>

Para los que tienen diseñador de plantillas ,buscar  ]]></b:skin> 

Pegar el siguiente codigo ,ariba de lo que buscamos 

img{
opacity:0.7;
border:none;
padding:0px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
border-radius:10px;}

img:hover{
border-radius:30px;
opacity: 1; }

Y ponen vista previa y si les salio ,lo guardan ,Bueno eso es todo   me boy a comer ,me muero de hambre,espero que les haya gustado