README.md

CSS Snippets

Highlight an element on page

Blur the rest of the page and highligh some element, good to show new features/changes

body {
  backdrop-filter: brightness(80%);
}

article > *:not(article > header) {
  filter: blur(2px) grayscale(.5);
}

article > header {
  background: white;
  box-shadow: 0px 8px 8px 4px rgba(0, 0, 0, 0.1);
  border-radius: 16px;
  padding: 8px 16px;
  margin: -8px -16px;
}

*,:after,:before {
    box-sizing: border-box
}