Glyphs. Scrollbar. Design, illustration & stuff to make you smile. CSS Gradient Text Effect. Do you want to create fancy headings without rendering each heading with Photoshop?
Here is a simple CSS trick to show you how to create gradient text effect with a PNG image (pure CSS, no Javascript or Flash). All you need is an empty <span> tag in the heading and apply the background image overlay using the CSS position:absolute property. This trick has been tested on most browsers: Firefox, Safari, Opera, and even Internet Explorer 6. Continue to read this article to find out how. Using SVG for Flexible, Scalable, and Fun Backgrounds. In Part I, I talked about browser support, when you can use SVG (and when you shouldn’t), and accessibility.
In this article, I’m going to dig into the technology behind using SVG for your site design. We’ll explore how to incorporate SVG in a cross-browser friendly manner, including using SVGWeb to ensure that the SVG shows in Internet Explorer.