Tutorial- Ponerle filo a las imágenes de una entrada

Hola mis pequeñas florecillas!!
Hoy os enseño como hacer o como poner más bien filos a las imágenes que pongas en una entrada. ¿Empezamos :)?

           Entrada nuevaHTML Copia y pega el siguiente código:
<img 320="" height="234" src="Url de la imagen" style="-webkit-transition: all 1s; background-image: url(Url del fondo); border-bottom-left-radius: 20px; border-top-right-radius: 20px; padding: 15px;" width="320" />

         El url de la imagen del fondo del filo que va a tener la imagen.
         La altura de la imagen
         Puedes disminuirlo o aumentar, ara un efecto de poner las esquinas redondeadas

                                            Eso es todo cariños :), espero que os haya gustado








No hay comentarios:

Publicar un comentario

Holiiii, espero que te haya gustado la entrada. Comenta siempre siguiendo estas pequeñas reglas:

~No se insulta, no se dice cosas feas y no se dicen bobadas.
~Comenta con dudas y cosas bonitas.
~Diviertete = ^ - ^ =









PUSH
Cute Bunny  Holding Heart