Features of CSS3 (compared to CSS)
- developed in 2005
- Supports responsive design
- Can be divided into modules
- Supports 3D Animation and transitions
- Faster and uses less memory
- Support following color formats compared to basic format provided by CSS:
- RGB
- RGBA (RGB with alpha channel): Hence CSS3 supports opacity
- HSL (Hue, Saturation and Lightness): closely resembles to eyes
- HSLA (HSL with alpha channel)
- gradient
- Supports Text shadows
- Supports Rounded corners (
border-radius)
- New pseudo elements like:
child(n), ::
- Supports attribute selector compared to CSS which has only id and class selector
/* We can select elements based on their attribute */
a[href="https://css-tricks.com"] {
color: #E18728;
}