My Personalize Summary
New Things Learned or RefreshedUsing CSS Variables (Custom Properties) – Custom properties (sometimes referred to as CSS variables or cascading variables) are entities defined by CSS authors that contain specific values to be reused throughout a document. They are set using custom property notation (e.g.,
--main-color: black;) and are accessed using the
filterCSS property applies graphical effects like blur or color shift to an element. Filters are commonly used to adjust the rendering of images, backgrounds, and borders. HTMLElement.dataset – The
datasetproperty on the
HTMLElementinterface provides read/write access to all the custom data attributes (
data-*) set on the element. This access is available both in HTML and within the DOM. It is a map of DOMString, one entry for each custom data attribute. Note that the
datasetproperty itself can be read, but not directly written. Instead, all writes must be to the individual properties within the
dataset, which in turn represent the data attributes. Note also that an HTML
data-attribute and its corresponding DOM
dataset.property do not share the same name, but they are always similar: Element: mousemove event – The
mousemoveevent is fired at an element when a pointing device (usually a mouse) is moved while the cursor's hotspot is inside it. Other notes – document.documentElement selects the entire HTML document.
What to Accomplish
- Download the source code from the github repository above.
- Delete the JS content in the
- Delete the custom CSS variables.
- Share a link to your finished project in the comments section below so we can all see and comment on it!
What You Should See
- Visit the hosted github project to see this project in action.
Need to see the video solution for this project?