Just like everything else, the internet and website development is evolving. Many browsers are beginning to support several new CSS3 (Cascading Style Sheet) styles. Of course this is not fully supported by all of the most widely used browsers so the use of them is not recommended at this point. However, here is a quick breakdown of my favorite design related pieces you can expect in the near future…
CSS3 Borders
Mozilla/Firefox and Safari 3 users should see a rounded box, with a rounded border.
background-color: #ccc; -moz-border-radius: 20px; -webkit-border-radius: 20px; border: 1px solid #000; padding: 10px;
You will also be able to show borders using images! You will do this with the following tags and attributes:
- border-image:
- border-top-image
- border-right-image
- border-bottom-image
- border-left-image
- border-corner-image:
- border-top-left-image
- border-top-right-image
- border-bottom-left-image
- border-bottom-right-image
CSS3 Text Effects
Mozilla/Firefox users should see this text with a nice gray drop-shadow
text-shadow: 2px 2px 2px #666;
Mozilla/Firefox and Safari users should see fiery hot text!
This might be my favorite because clients seem to all love drop shadows but browser can only read text in HTML, not in images, and since we focus our business on SEO (Search Engine Optimization) this is just not a worth while solution. Now the browsers will be able to read and the clients will their drop shadows and everyone is happy!
Until the release of CSS3 we’re still using CSS2, at least mostly with unsupported browser alternatives, but as the evolution continues I can hardly wait to see what it brings!



