DARMOWE NARZĘDZIE

Starry Sky

Generuj animowane gwiaździste niebo jako tło CSS lub Canvas. Dostosuj liczbę gwiazd, prędkość, kolory i efekty. Pobierz kod. Bezpłatnie. Profesjonalne narzędzie online, które działa w Twojej przeglądarce. Szybko, bezpiecznie i bez instalowania zbędnego oprogramowania.

Bezpieczne (SSL)

Przetwarzanie Lokalne

100% Darmowe

Przejdź do narzędzia

Instrukcja

1

Wprowadź dane
Wpisz treść, wklej tekst lub załaduj plik z dysku.
2

Kliknij przycisk
Narzędzie natychmiast przetworzy Twoje dane w przeglądarce.
3

Pobierz wynik
Skopiuj gotowy tekst lub zapisz plik na urządzeniu.

                                                function runTool() {

                                                  return "Wynik gotowy w 0.1s";

                                                }

Ustawienia

Type

Angle

Preview height

Kolorów 1

Stop 1

Kolorów 2

Stop 2

Kolorów 3

Stop 3

Pos x

Pos y

Wynik

Ustaw parametry i kliknij „Przetwórz”, aby zobaczyć wynik.

Powiązane narzędzia

Inne narzędzia, które mogą Ci się przydać

Generator gwiaździstego nieba CSS/Canvas online

Efektowne gwiaździste niebo jako tło animowanej strony WWW lub aplikacji. Generator tworzy kod CSS lub Canvas z regulowaną liczbą gwiazd, prędkością animacji i efektami.

gwiaździste niebo CSS animowane tło stars background efekty CSS

Opcje generatora

Liczba gwiazd (50–5000), rozmiar (1–4 px), prędkość twinkle, kolor (klasyczne białe, niebieskie, złote), efekt parallax (gwiazdy na różnych głębokościach), shooting star (spadające gwiazdy).

Format eksportu

Czysty CSS (box-shadow trick), Canvas 2D z requestAnimationFrame, Three.js (WebGL dla tysięcy gwiazd). Wszystkie jako gotowy snippet do wklejenia.

Najczęstsze pytania

Jak zrobić gwiazdy czystym CSS?

Technika box-shadow: jeden element pseudo z tysiącami cieni różnych rozmiarów i pozycji – lekkie, bez JS, ale trudne do animowania.

A Canvas jest szybszy?

Canvas 2D jest szybszy niż CSS box-shadow dla >1000 gwiazd i płynnych animacji. WebGL (Three.js) dla 10000+ gwiazd.

Jak dodać efekt parallax?

Dwie lub trzy warstwy gwiazd (duże/małe) poruszające się z różnymi prędkościami przy scrollowaniu lub ruchu myszy.

Inne efekty tła: mesh gradienty i generator wzorców CSS.