Dear joshuanhibbert, thanks again for your trick, but it's realy badly crossbrowsing support (i cant see it in FF, IE - fatal crushing all design) Maybe jquery? It's more powerfull, than css i think. What about SVG? Any ideas guys?
Thanks for post, but i need transparent background. Goal of this trick - create overlay for slider, i need rounded corners on my slider. I find it for nivoslider, but i steel needed to round corners for coinslider. Also i need to round top left & bottom right corners, that reason i need to create some custom divs to make pseudo-rounding :) I hope you understand my crap english :)))
Help me to make something like this with css/jquery (i can use image, but i can't controll it size & color)
Here is example
Maybe jquery? It's more powerfull, than css i think. What about SVG?
Any ideas guys?
Best regards & sorry for my broken english :)
like this -> http://jsfiddle.net/eZHdZ/
Goal of this trick - create overlay for slider, i need rounded corners on my slider. I find it for nivoslider, but i steel needed to round corners for coinslider. Also i need to round top left & bottom right corners, that reason i need to create some custom divs to make pseudo-rounding :) I hope you understand my crap english :)))
Thank you.
I think Josh's way is technically the best you can do without the use of an image
border-radiusproperty?box-shadowhttp://jsfiddle.net/tovic/Kv7Aq/
Genius solution!
Problem resolved. Thanks guys for help, you are awesome!
Best regards, Anton.
Great Tips! Thanks guys!
Or you do it the old fashion way: use a transparent PNG.