CSS3 New Features:

77 views 6 slides Sep 14, 2021
Slide 1
Slide 1 of 6
Slide 1
1
Slide 2
2
Slide 3
3
Slide 4
4
Slide 5
5
Slide 6
6

About This Presentation

CSS3 New Features:


Slide Content

CSS3 New Features: 6

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.

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.

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.

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.
Tags