Show HN: RoughNotation – create and animate hand-drawn annotations on a web page

Re:Show HN: RoughNotation – create and animate hand-drawn an... by XCSme on Thursday May 28, 2020 @04:41PM (#23342272)

This is cool. I wonder if this could just be a CSS library instead, where you just add the class "annotate-circle" to an element and it will use pseudo-elements (:before, :after) to draw the lines.

[ Parent | on HN ]

Re:Show HN: RoughNotation – create and animate hand-drawn an... by tiborsaas on Thursday May 28, 2020 @05:17PM (#23342764)

With CSS Houdini it's possible.

To draw these irregular lines / shapes with normal CSS it's really hard, maybe if you inline some SVG.

[ Parent | on HN ]

Re:Show HN: RoughNotation – create and animate hand-drawn an... by shihn on Thursday May 28, 2020 @05:56PM (#23343253)

I did implement a version of this in Houdini a couple of years back, that and a short thread of what Houdini was lacking in this case: https://twitter.com/preetster/status/1265679970006757376

[ Parent | on HN ]

Re:Show HN: RoughNotation – create and animate hand-drawn an... by XCSme on Thursday May 28, 2020 @07:16PM (#23344218)

Couldn't that be achieved with gradients?

[ Parent | on HN ]