Front-end – ciekawe biblioteki – css-doodle.js

Podczas mojego rutynowego przeglądania https://codepen.io/ (taki nawyk dla poprawy samopoczucia) natknęłam się na intrygujące kręgi. Tym razem nie były one w zbożu, ale wystarczyło, żebym chciała przyjrzeć im się z bliska.

See the Pen Border transformations – Symmetry by yuanchuan (@yuanchuan) on CodePen.

Dzięki temu poznałam stronę http://yuanchuan.name/css-doodle/, gdzie jest tego więcej i więcej… a < css-doodle /> okazuje się być componentem służącym do rysowania wzorów za pomocą CSS.

Zabawę można zacząć w balnalny sposób.

1)albo dodać poniższy kod do swojej strony:

<script src=”css-doodle.js”></script>
<css-doodle>
/* it’s ready to use */
</css-doodle>

2) albo użyć npm

npm install css-doodle

Selektory oraz cała dokumentacja wyjaśniona została na wspomnianej stronie więc ja już zabieram się do zabawy…

Ten wpis został opublikowany w kategorii front-end, programowanie i oznaczony tagami , , . Dodaj zakładkę do bezpośredniego odnośnika.

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *