ATProto Browser

ATProto Browser

Experimental browser for the Atmosphere

Post

The CSS shape() function is available in Chrome M135 and Safari 18.4. Here is some short documentation of how it can be used with clip-path for responsive clipping: developer.chrome.com/blog/css-sha...

Apr 8, 2025, 2:29 PM

Record data

{
  "uri": "at://did:plc:x6swaml5mzk5moq7fzqd23cv/app.bsky.feed.post/3lmcoqxppzc2g",
  "cid": "bafyreigr4hrfli7od6iufboaehfg5bgtuualqlyn3a3fwpuf3b4hdoowre",
  "value": {
    "text": "The CSS shape() function is available in Chrome M135 and Safari 18.4. Here is some short documentation of how it can be used with clip-path for responsive clipping:\n\ndeveloper.chrome.com/blog/css-sha...",
    "$type": "app.bsky.feed.post",
    "embed": {
      "$type": "app.bsky.embed.external",
      "external": {
        "uri": "https://developer.chrome.com/blog/css-shape?hl=en",
        "thumb": {
          "$type": "blob",
          "ref": {
            "$link": "bafkreifhsmvx3w6cgdcdor7angkp4uua54dj6ulidpbmpa4sl4krqktifa"
          },
          "mimeType": "image/jpeg",
          "size": 269424
        },
        "title": "Use shape() for responsive clipping  |  Blog  |  Chrome for Developers",
        "description": "Learn how to create responsive clipping paths with CSS."
      }
    },
    "langs": [
      "en"
    ],
    "facets": [
      {
        "index": {
          "byteEnd": 202,
          "byteStart": 166
        },
        "features": [
          {
            "uri": "https://developer.chrome.com/blog/css-shape?hl=en",
            "$type": "app.bsky.richtext.facet#link"
          }
        ]
      }
    ],
    "createdAt": "2025-04-08T14:29:23.714Z"
  }
}