{
  "$type": "site.standard.document",
  "canonicalUrl": "https://ayc0.github.io//posts/proper-cross-fade-in-css",
  "coverImage": {
    "$type": "blob",
    "ref": {
      "$link": "bafkreibxevnjfachefvbqerdsrd3prhciar3tlphcotpqct7aywcti5wem"
    },
    "mimeType": "image/png",
    "size": 64669
  },
  "description": "Classical cross-fades in CSS using opacity don’t properly animate the opacity of elements, making them less opaque then needed. This article will show you how to achieve a proper cross-fade in CSS.",
  "path": "/posts/proper-cross-fade-in-css",
  "publishedAt": "2022-10-06T00:00:00.000Z",
  "site": "at://did:plc:wifmfjqoxnruni5h62e6zp2y/site.standard.publication/3mn6dj35act2i",
  "tags": [
    "css",
    "webdev"
  ],
  "title": "Proper cross-fade in CSS"
}