Deze star particles zijn te zien in het achtergrond van deze website. Ik heb de sterrenlucht altijd al mooi gevonden en daarom heb ik dit terug laten komen in mijn website. In dit geval heb is dit effect gemaakt in alleen html en css omdat ik meer van css functies en animaties wou weten.

Er zijn 3 verschillende groottes (1px, 2px en 3px). Hoe kleiner de ster hoe sneller deze omhoog beweegt.

Dit effect heeft wel nadelen. Zo gaan de sterren over de content heen. Hierdoor zou alle content op de website een z-index moeten krijgen om dit te voorkomen. Dit probleem zou verkomen kunnen worden door Javascript te gebruiken.

Ook is dit effect niet geschikt voor kleine elementen zoals een button aangezien de loop erg goed te zien is. Dit zou op te lossen zijn door gebruik te maken van meerdere loops die op elkaar aansluiten. Maar dat geeft weer performance problemen.