c4a0480ccd
* Added examples and definition - CSS - added two examples with the most used values - added definition * Added resources to Graceful Degradation - CSS Added links to multiple articles / post / explanations / tools to help coders understand the concept * changed triple backtick to single * fixed https link - had to fix one link to point to the https site - removed one link because it doesn't match with the guide provided by FCC * Add a space between class name and curly brace
34 lines
922 B
Markdown
34 lines
922 B
Markdown
---
|
|
title: Pointer Events
|
|
---
|
|
## Pointer Events
|
|
|
|
This property specifies how your mouse reacts when you hover over any element on a page.
|
|
|
|
### Example
|
|
|
|
```css
|
|
|
|
.example {
|
|
pointer-events: auto;
|
|
/*this will use the default look set by the browser agent*/
|
|
}
|
|
|
|
.example {
|
|
pointer-events: none;
|
|
/*this will use the regular mouse look when hovered over the element*/
|
|
}
|
|
|
|
```
|
|
|
|
### Other acceptable values
|
|
|
|
Other values could be: `initial`, and `inherit`
|
|
|
|
<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds -->
|
|
|
|
#### More Information:
|
|
- [pointer-events on MDN web docs](https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events)
|
|
- [Scalable Vector Graphics 1.1 specification (recommendation)](https://www.w3.org/TR/SVG11/interact.html#PointerEventsProperty)
|
|
- [Can I use: CSS pointer-events property](https://caniuse.com/#feat=pointer-events)
|