P
P
Pasha Shvorak2019-02-07 12:55:52
css
Pasha Shvorak, 2019-02-07 12:55:52

Any ideas how it's implemented?

https://serioverify.com/
I came across this site. Interested in animation implementation. Any thoughts on this? Mb there is a library?
Thank you.

Answer the question

In order to leave comments, you need to log in

4 answer(s)
I
Ivan Bogachev, 2019-02-07
@paulshvorak

The line itself is made according to this principle using SVG:
The appearance of icons is the same. Filling inscriptions with a line is a straightforward task for SVG masks . Further, a custom scroll is attached to this, since the site is non-standard - it is easier to make it by hand than to try to complete some third-party solution. Plus some CSS animations for everything else. Then a lot of absolute positioning to fit it all. As they say, yabzaverstal.

D
Denis, 2019-02-07
@s-developer

This is done in pure CSS.
Don't even suffer. I was fond of this recently, I also thought that some kind of library. This is CSS

A
Alexander, 2019-02-07
@lebonnet

html, css, js, svg

D
Dmitry, 2019-02-11
Chainikov @Dan_Stanly

It can be implemented both in CSS and using Canvas.

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question