Cascading Style Sheets, commonly known as CSS, allows users to create powerful and flexible websites. With the continued evolution and wide acceptance of CSS3, it is present in all the popular browsers. Below you can find some new features CSS3 brings to the game. Most of the methods are viewable in IE, Mozilla Firefox, and Chrome.
A Few Fun CSS3 Features:
The border-radius property – Allows you to create rounded corners for box items. What a time saver this will be! No need for images or fancy techniques to get the rounded corners you want. Supports the capability to specify a radius for one or more corners. Currently supported in Firefox and Safari 3.
Multiple Backgrounds for a single element – Ever wanted to apply more than one background to a single element? Well now you can! For the background property, simply separate backgrounds by commas. At the time of this post, only supported by Konquerer and Webkit.
The box-shadow property – One of the features I’m most looking forward to. Allows you to apply a shadow for box items even with rounded corners. Again no images required! Currently supported in Firefox 3.1 and Sarfari 3+.
The border-image property – Allows you to specify an image for a border instead of a normal border and can be applied for one more sides. Currently supported in Safari and Firefox.
@Font-face – There have always been a group of safe fonts that can be used on the web: Arial, Helvetica Georgia, Verdana, etc. This is because the majority of computers come packaged with these fonts preinstalled. Well, things are a changing. We can now begin to take advantage of various other fonts, whether installed on the readers computer or not, assuming that they can can be pulled via an online directory. Just upload the desired font to your server and pull it via the @font-face feature.
At Ayoka, a custom CSS3 programming company, we utilize the power of CSS3 programming to create exactly what our clients need to engage their customers. Call us today at 817-210-4042 for a free consultation.