Jump to content
Sign in to follow this  
Mativve

Cząsteczki / particles wokół tekstu CSS lub JQ

Recommended Posts

Hejka. Czy jest opcja zrobienia czegoś takiego jak na screenie ?

Chodzi mi o te ciemne kropeczki wokół. Nie chodzi mi o to co jest na forum mybb (te animowane gwiazdki itd) ale jakiś inny spośób na zrobienie tego ?

Share this post


Link to post

Nie wiem czy interesuje Cię takie rozwiązanie jak <canvas> i rysowanie tych wszystkich znaczków + tekstu w JS.

  • Like 1

Share this post


Link to post
28 minut temu, Salva napisał:

Nie wiem czy interesuje Cię takie rozwiązanie jak <canvas> i rysowanie tych wszystkich znaczków + tekstu w JS.

To w ostateczności ☺️

Share this post


Link to post

No to pozostaje wygenerować tyle divów ile tych cząstek + napisać funkcję obliczającą ścieżkę danej cząstki albo skorzystać z GIFa

  • Like 2

Share this post


Link to post

Mam teraz inny pomysł ale nie wiem czy lepszy. Zrobiłem coś takiego: https://jsfiddle.net/Mativve/qwbL3fmf/ i chciałbym aby było więcej tych pixeli ale to będzie chyba obciążało przeglądarkę przez ilość divów. Dlatego najlepsze to będzie zastosowanie canvas w tle. Tylko teraz jak zrobić 'latające' pixele w canvas

Share this post


Link to post

Jak wejdziesz tutaj http://vincentgarreau.com/particles.js/ wybierzesz 'snow' i poustawiasz sobie to co chcesz jak chcesz, to powinieneś dostać satysfakcjonujący Cię wynik.

Jak chcesz zrobić to samemu, to (tak jak pisałem gdzieś wcześniej) musiałbyś najpierw napisać funkcję wyliczającą ścieżkę.

  • Like 3

Share this post


Link to post
4 godziny temu, Salva napisał:

Jak wejdziesz tutaj http://vincentgarreau.com/particles.js/ wybierzesz 'snow' i poustawiasz sobie to co chcesz jak chcesz, to powinieneś dostać satysfakcjonujący Cię wynik.

Jak chcesz zrobić to samemu, to (tak jak pisałem gdzieś wcześniej) musiałbyś najpierw napisać funkcję wyliczającą ścieżkę.

No przecież że można to zrobić za pomocą partcles.js. Kurde znam ten skrypt ale nie wiedziałem że można coś takiego zrobić Jeszcze raz dzięki

  • Like 2

Share this post


Link to post
Guest
This topic is now closed to further replies.
Sign in to follow this  
×
×
  • Create New...