DVD-CD Style - CSS3 - ZKreations 💾

Hola a todos, espero que hayan pasado un feliz año nuevo junto a las personas que quieren, esta es la primera entrada del 2013 para mi blog xD bueno les compartiré este nuevo efecto al que he llamado DVD-CD Style les puede ser de utilidad, aclaro que no es un estilo para entradas solo es un efecto, pero este viene incluido en uno de mis templates que les compartiré en algún momento, o sea las entradas de unos de mis templates ya vienen con estos efectos para la home, en fin, tenerlo es muy fácil, solo hagan lo siguiente:

Efecto 1 - DVD Style

Este es un cased para dvd desarrollado con css, es simple y tiene un efecto al poner el mouse ensima, creo que seria de gran utilidad sobre todo para webs sobre películas

Si lo vas a incluir dentro de una misma pagina en html recuerda incluirlo dentro de las etiquetas corresponientes, ejemplo:

<style type="text/css">

...aqui el codigo...

</style>

Si usas blogger no incluiremos estas etiquetas, nos vamos a dirigir a Plantilla > Edición html y buscaremos ]]></b:skin> ensima de eso ponen esto:

See the Pen DVD Style - CSS3 - ZKreations by eltorga (@eltorga) on CodePen.

Por ultimo solo agregaremos el código en html donde queramos el efecto:

See the Pen DVD Style - CSS3 - ZKreations by eltorga (@eltorga) on CodePen.

El resultado final sera el siguiente (pasar el mouse por encima):

See the Pen DVD Style - CSS3 DEMO by eltorga (@eltorga) on CodePen.

Efecto 2 - CD Style

Este está dedicado más para las webs sobre música, este efecto también está incluido como estilo de entradas en uno de los templates que estoy desarrollando

Nos vamos a dirigir a Plantilla > Edición html y buscaremos ]]></b:skin> encima de eso ponen esto:

See the Pen CD Style - CSS3 - ZKreations by eltorga (@eltorga) on CodePen.

Ahora agregamos el código en html donde queramos el efecto:

See the Pen CD Style - CSS3 - ZKreations by eltorga (@eltorga) on CodePen.

El resultado será el siguiente (pasar el mouse por encima):

See the Pen CD Style - CSS3 DEMO by eltorga (@eltorga) on CodePen.

Espero que les haya gustado, les compartiré cosas mas seguido desde ahora, también agradecería si recomendaran mi blog a más personas, gracias a ustedes está creciendo n_n saludos.