Circling the Square: Round Images with CSS ONLY
How to display round JPGs with CSS3 (background and HTML clickable images; no PNG alpha transparency needed); since they use the -border-radius property, these tricks will only work in Mozilla, Safari and Chrome.
Related Submissions:
- Create Rounded Corners with CSS3 Border-Radius Property One of the CSS3 properties designers have been longing the most for is undoubtedly the border-radius property. With CSS3 border-radius property it’s possible to create...
- RGBa vs Opacity: The Difference Explained To be able to effectively handle the alpha transparency or opacity of a particular element purely using CSS/HTML was the dream of any web designer....
- PNG-8 Alpha Transparency (screencast) We usually think of Alpha Transparency working only with PNG-24’s out of Photoshop. But if you have Fireworks, you should know that PNG-8’s can have...
- Alpha Transparency in PNG-8 Images Without Using Fireworks A tutorial detailing an alternative way to produce PNG-8 images containing alpha transparency using an open source tool instead of Fireworks. The result degrades gracefully...
- How to Create Inset Text with CSS3 Many exciting new functions and features are being thought up for CSS3. Today we are going to create inset test with CSS3. That property will...