Gradients

Fond Aura

Trois taches de couleur floutees a l'extreme (blur 90px) qui derivent lentement en boucle, posees derriere le contenu comme un halo de lumiere. Aucun canvas ni image : trois div ronds et un seul keyframe CSS anime via translate3d et scale, donc tout part sur le GPU pour un cout de rendu quasi nul. Un maskImage vertical coupe proprement le haut et le bas du bloc, si bien que les taches se fondent dans la page sans bord net meme si le conteneur est plus court que les blobs. Les trois blobs partagent la meme animation mais des animationDelay negatifs les desynchronisent des la premiere frame.

AMOUSSOU Siméon Céphas· 18 vues· 1 copies1