Efecto de sombra con CSS3

<div style="text-align: justify;"> <div style="text-align: justify;"> Siguiendo el hilo de los <a href="http://www.fusiondigitalve.com.ve/2014/03/efecto-de-sobreposicion-con-css.html" target="_blank">recursos web</a>, les traemos uno bastante sencillo pero útil a la hora de agregar efectos a nuestros elementos. Se trata de un efecto de sombra con perspectiva hecho con CSS3 como se puede apreciar en la siguiente imagen:<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjl66giRf23IZVsTtoFFZ_-rHOesnNnfqHI7xLUuDBp1hseJRs7JjZjzzZlENvTqF9qAwfYx1_JRxiZvZ1C4-TKhYsjz6N-JfIy9QZY9BlhZSxxI5zkWXMxB0P7JfGCD17ng-JFq3jnko8s/s1600/Efecto_Sombra_CCS3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjl66giRf23IZVsTtoFFZ_-rHOesnNnfqHI7xLUuDBp1hseJRs7JjZjzzZlENvTqF9qAwfYx1_JRxiZvZ1C4-TKhYsjz6N-JfIy9QZY9BlhZSxxI5zkWXMxB0P7JfGCD17ng-JFq3jnko8s/s1600/Efecto_Sombra_CCS3.jpg" /></a></div> <br /></div> </div> <div style="text-align: justify;"> Básicamente, el efecto crea un ondulado visual sobre las caja, específicamente en los bordes inferiores causando una perspectiva de profundidad. En el siguiente enlace, podrás descargar los archivos fuentes para que pruebes otras cosas e intentes modificar el código hasta que encuentres lo que buscas exactamente.<br /> <br /> <a href="http://www.mediafire.com/download/dooytamjxkigdi4/Efecto_Sombra_CSS3.rar" target="_blank">Descarga Efecto_Sombra_CSS3</a></div> <div style="text-align: justify;"> <br /></div> <div style="text-align: justify;"> <br /></div>

Efecto de sombra con CSS3

Siguiendo el hilo de los recursos web , les traemos uno bastante sencillo pero útil a la hora de agregar efectos a nuestros elementos. Se ...

Seguir leyendo »