An interesting way of applying the box-shadow property is to use it for image link hover/mouseover effects. That’s not the only use of course but I think it’s a good one. In this case, more advanced browsers will see the drop shadow applied but other browsers will see a slightly less decorative effect.
Let’s take a look at how to create a cool anaglyphic style text effect for sprucing up your web designs, while taking into consideration semantics and avoiding the repetition of any markup.
Applying text-shadow to elements is easy, and coupled with RGBA it works beautifully. Since both text-shadow and RGBA are supported by Safari, Firefox, Konqueror, and Opera, why not start playing with them now?
Example of using CSS transitions to add a visual treat to Webkit browsers. CSS transitions are coming to Firefox in 3.6, but for now, this tutorial only works in Webkit browsers.
View the live example on the For A Beautiful Web homepage.
The name might be a little misleading, because sprites arenâ€™t little images like you might be picturing, a sprite is actually one big image.
This article will show you how to use CSS Sprites to cut down on HTTP requests and improve the efficiency of your web page. Also, it suggests the handy tool SpriteMe to automate the heavy calculations and eliminate the need for Photoshop.
As CSS3 gets closer to becoming the new standard for mainstream design, the days of rounded corners through elaborate background images is fading. This means less headache and time spent working out alternatives for each browser.
This article compares the current browser implementations of the
This screencast will serve as the final entry in a multi-part series across the TUTS sites which demonstrates how to build a beautiful home page for a fictional business. We learned how to create the wireframe on Vectortuts+; we added color, textures, and effects on Psdtuts+; now, we’ll take our completed PSD and convert it into a nicely coded HTML and CSS website.
Making an entire list item clickable (instead of just the actual text) is an easy way to improve usability. All it takes is a couple simple CSS rules.
min-marginis nonexistent in the CSS world. I was okay with that â€“ until recently, when I realized I needed it. After a fair share of general thought and Google usage, I arrived upon a solution, which I invite you to check it out.
If you are getting your feet wet with CSS, this is the perfect time to fire up your favorite text editor and follow along in this tutorial as we cover the most common and practical uses of CSS.