3. CSS3: New
Features:
CSS3 version introduced new features that allowed
developers to style HTML elements with less CSS
code.
CSS3 is most notorious for modules that speed up
the specification process. At first, browsers did not
support CSS3 features, and it took a while for them
to become fully compatible.
4. Box Shadow:
One of the CSS3 new features is the box-shadow property
that adds a shadow to an element. Instead of using multiple
images around an item, this property lets you add shadow
with a short line of code.
Opacity:
One of the CSS3 properties called opacity makes elements
see-through or completely transparent. For instance, you can
apply opacity to images or other HTML elements. The
transparency level depends on the indicated values.
5. Rounded Corners:
Before the release of CSS3, developers had to write long
code to produce rounded corners. Now, it is enough to apply
the border-radius CSS3 property to HTML elements.
Attribute Selectors:
CSS3 also introduced new selectors in addition to the ones in
CSS2. Instead of applying IDs or classes for styling,
developers can select HTML elements according to their
attributes. As a result, you do not have to create unique IDs
only to apply CSS rules.
6. New Colors:
One of the CSS3 features is the addition of new colors:
•RGBA
•HSL
•HSLA
•Gradient Colors
More Web- :
CSS3 also introduced new selectors in addition to the ones in
CSS2. Instead of applying IDs or classes for styling,
developers can select HTML elements according to their
attributes. As a result, you do not have to create unique IDs
only to apply CSS rules.