{
  "$type": "site.standard.document",
  "description": "A gradient border image, transparent at the edges, looks like it thins out as it fades out. .effect { border-image : linear-gradient ( transparent , var (--indigo-6) , transparent ) 1 / 4 px /* slice n' size */ ; }",
  "path": "/rad-border-image-css-one-liner",
  "publishedAt": "2024-03-31T02:49:33.770Z",
  "site": "at://did:plc:jnj7wcwuvspxdsipmecmx7rs/site.standard.publication/self",
  "tags": [
    "note",
    "css"
  ],
  "textContent": "A gradient border image, transparent at the edges, looks like it thins out as it fades out. .effect { border-image : linear-gradient ( transparent , var (--indigo-6) , transparent ) 1 / 4 px /* slice n' size */ ; }",
  "title": "Rad Border Image CSS One Liner"
}