Skip to content

CSS Tricks

Why put stuff in :root {}?

so you can reuse that CSS in standalone SVG elements

What are standalone SVG elements????

Inline content separators

  • a0e93e7fc4e12ce32b05d5bb73386607.png
  • 916f43045c6b45731a9e9c76b6afd4ae.png
.container {
    overflow: hidden;
.entry {
    transform: translateX(-10px);
    padding-left: (10px);

.entry::before {
    top: 0;
    left: 0;
    width: 1px;

Cut out a corner

Page dog ear


background: linear-gradient(-45deg, transparent 15px, blue 0);

Last update: 2022-11-04