Efecto T!-Music para imagenes utilizando CSS3 - ZKreations 💾

Quizás el titulo confunda un poco pero el efecto no tanto, se trata de que las portadas toman la apariencia de una foto y al pasarle el mouse por ensima (hover) se iluminan de azul, tal y como pasa en las portadas de T!-Music, es muy sencillo tener esto en su sitio web o blog, lo publico porque un usuario me pidió el efecto que había utilizando para la plantilla Taringa-V5 de blogger, así que para todos los que lo deseen también lo publico, paso a explicar:

copia y pega el siguiente código css en donde tengas los estilos de tu web, si usas blogger busca ]]></b:skin> y arriba pega el siguiente código 

See the Pen Efecto T!-Music para imagenes utilizando CSS3 by eltorga (@eltorga) on CodePen.

Ahora viene la parte simple, si quires que una imagen tenga el efecto debes introducir (class="img-tm")  dentro de la etiqueta img de esta forma:

See the Pen Efecto T!-Music para imagenes utilizando CSS3 by eltorga (@eltorga) on CodePen.