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