Working with the currentColor
So far in the lectures in this chapter we worked with colors by defining them in absolute terms: by name, RGB or HSL values. We now turn our attention to relative colors. The first of them is the currentColor. The currentColor keyword enables us to get a reference to the current color. This can become very handy, we will explore that in this lecture. By the end of this lecture you will know how to work with the currentColor keyword enabling you to create dynamic color assignments.
Keynotes:
- CSS3 doesn't have variables
- wouldn't it be grand to not use the same color all over %u2013 maybe in CSS4?
- For now the first CSS variable around is called currentColor
properties: currentColor,color, css3
Ready to Level Up Your Skills?
Join thousands of learners on 02GEEK and start your journey to becoming a coding expert today!
Enroll Now for Free!Exploring the core color properties
In the following lectures we will get to know how color systems work and more importantly how to work with them.
05:09
Understanding RGB
By the end of this lecture, you will know how to create color profiles in RGB.
09:59
Integrating an alpha channel
By the end of this lesson, you will know everything that is to know about RGB and RGBA colors.
08:06
Hue. Saturation. Lightness. Alpha.
By the end of this lesson, you will understand how hue, saturation, lightness and alpha channels work and you will know how to work with them.
11:27
Finding color profiles
By the end of this lesson you will be a lot more comfortable with colors as you figure out your own designs.
08:41
Working with the currentColor
By the end of this lecture you will know how to work with the currentColor keyword enabling you to create dynamic color assignments.
04:52
The transparent color
By the end of this lecture, you will know the transparent color and see it in action.
06:37
CSS2 System Colors
By the end of this lecture, you will know how to work with CSS2 color systems
02:52
Final words and Color Accessibility
By the end of this lecture the colors of your website will be accesible for the users with disabilities.
04:11