CSS Arrow on an image (without using borders)

CSS Arrow on an image (without using borders)

References

Reference NO 1

http://stackoverflow.com/questions/15189205/css-arrow-on-an-image-without-using-borders

Reference NO 2

http://stackoverflow.com/questions/5935296/adding-a-arrow-mark-to-a-border-through-css

Reference NO 3

http://www.yuiblog.com/blog/2010/11/22/css-quick-tip-css-arrows-and-shapes-without-markup/

Reference NO 4

http://davidwalsh.name/css-triangles

Reference NO 5

http://www.dynamicdrive.com/style/csslibrary/item/css_triangle_arrow_divs/

Reference NO 6

http://net.tutsplus.com/tutorials/html-css-techniques/css-refreshers-borders/

Reference NO 7

http://www.sitepoint.com/pure-css3-speech-bubbles/

Reference NO 8

http://cssdeck.com/labs/pure-css-arrow-with-border-tooltip