2c:null 2d:["$","title",null,{"children":"CSS clip path | Sundar Singh | Observable"}] 32:[] 30:{"id":"19c7da8cdf72a14e","slug":null,"title":"CSS clip path","thumbnail":"acedae3c3dc3e9e1145bfa118e15270a9f4cc5c7df00e854d662afd842b2de50","access_level":"public","create_time":"$D2022-10-29T14:05:13.850Z","update_time":"$D2022-10-29T17:13:18.375Z","view_time":null,"first_public_time":"$D2022-10-31T18:06:11.803Z","has_unpublished_edits":null,"fork":false,"stars":1,"starred":false,"owner":{"type":"team","id":"956970941b62fd35","login":"eesur","name":"Sundar Singh","avatar_url":"https://avatars-next.observableusercontent.com/4c0ac1264472f5654ef5be9ac3d11d1d313563e2999527c3b515373567f637fb","tier":"starter_2024"},"version":87,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"07656ab2121ed222","login":"eesur","name":"Sundar Singh","avatar_url":"https://avatars-next.observableusercontent.com/4c0ac1264472f5654ef5be9ac3d11d1d313563e2999527c3b515373567f637fb","tier":null}],"members":[{"type":"individual","id":"07656ab2121ed222","login":"eesur","name":"Sundar Singh","avatar_url":"https://avatars-next.observableusercontent.com/4c0ac1264472f5654ef5be9ac3d11d1d313563e2999527c3b515373567f637fb","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":{"id":"38a5b8064b86650d","slug":"css","title":"CSS","owner":{"id":"956970941b62fd35","login":"eesur","name":"Sundar Singh"}},"type":"notebook","body":{"title":"CSS clip path","cells":[{"id":0,"value":"# CSS clip path","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":8,"value":"You give polygon() a list of X, Y point values, like: , , ... . That will draw a path around your points in order and crop any of the content outside of the newly created shape. ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":5,"value":"\n\n

","pinned":true,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"}],"files":"$W32","stdlib":"1","titling":"auto"}} 31:"$30:body"