mhlzr/exotic-css-2020-09.md

Last active September 18, 2020 11:56

Star (0) You must be signed in to star a gist
Fork (0) You must be signed in to fork a gist

Select an option

Learn more about clone URLs
Clone this repository at <script src="https://gist.github.com/mhlzr/ee215242a0e5a972773c555b19bd9261.js"></script>
Save mhlzr/ee215242a0e5a972773c555b19bd9261 to your computer and use it in GitHub Desktop.

Download ZIP

Still rare or exotic CSS properties (September 2020)

Raw

exotic-css-2020-09.md

Rare Properties

overscroll-behaviour (https://developer.mozilla.org/de/docs/Web/CSS/overscroll-behavior)
backdrop-filter (https://css-tricks.com/almanac/properties/b/backdrop-filter/)
line-clamp (https://developer.mozilla.org/de/docs/Web/CSS/-webkit-line-clamp)

CSS Functions

min() (https://developer.mozilla.org/en-US/docs/Web/CSS/min)
max() (https://developer.mozilla.org/en-US/docs/Web/CSS/max)
clamp() (https://developer.mozilla.org/en-US/docs/Web/CSS/clamp)

Experimental

content-visibility (https://web.dev/content-visibility/)
reminded us of the dangers with will-change (https://developer.mozilla.org/de/docs/Web/CSS/will-change)

Pseudo-Selectors

:focus-within (https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-within)
:focus-visible (https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible)

https://blog.chromium.org/2020/09/giving-users-and-developers-more.html https://twitter.com/LeaVerou/status/1045768279753666562

General feature support testing

@supports (@supports https://developer.mozilla.org/de/docs/Web/CSS/@supports)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment