How do I maintain round corners on border of automatic image slider

Hi I am using an automatic image slider by Soh Tanaka in which on my images I have specified round corners using css3 border-radius.

The problem I am having is that when the images animate between one another the appearance is that of a rectangular image because the radial corners are moving with each image within the confines of the 'window' wrapper/mask.

I have considered using artifical corners on the 'window' wrapper using div strips howeve开发者_运维百科r because I have a transparent background outside of the slider this isn't an option.

It sounds to me like you need to go a little more old-school and use images for your rounded corners. As long as you create the images with transparent backgrounds, you shouldn't have a problem.