Videos redondeados y sombreados

9 comentaron

Para darle a vuestros videos  o fotos un toque diferente, voy a deciros como ponerle un fondo con sombra y esquinas redondeadas. El proceso es muy simple y sencillo, basta con aplicarle un poco de CSS y poner este codigo cada vez que querais añadir este efecto a cualquier foto  video.
codigo: 


<center><div style="width:530px;height:px;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;background-color:#000000;-webkit-box-shadow: #5E99F1 17px 17px 17px;-moz-box-shadow: #5E99F1 17px 17px 17px; box-shadow: #5E99F1 17px 17px 17px;">
aqui poneis el video o la foto
</div></center>
(El 'border-radius', cuanto mas px, mas se redondeara. Para cambiar el color de fondo, lo haceis en background-color:#000000. Y para cambiar el color o distancia de la sombra, modificais el 'box-shadow'. El video o la foto tiene que ser menos ancho que el fondo, por ejemplo, en el video de abajo el fondo mide 530px y el video 500.)

ejemplo