Une bande de couleur n'est pas obligée d'être un aplat mort

Chaque bloc peut recevoir une matière (un grain, un tissage, une veinure) et un décor animé. Tout est dessiné par la feuille de style : rien à télécharger, rien à livrer, et l'encre s'inverse toute seule sur un fond sombre.

19 matières

Les matières

Papier (grain)
papier
Toile (tissage)
toile
Pois
pois
Rayures
rayures
Confettis
confettis
Bois — veinure
bois
Lin — fibre
lin
Craie — grain épais
craie
Quadrillage fin
quadrillage
Chevrons
chevrons
Damier doux
damier
Écailles
ecailles
Triangles
triangles
Topographie
topographie
Halo
halo
Aurore — nappes
aurore
Trame dégradée
trame
Carbone
carbone
Terrazzo
terrazzo

12 décors animés

Les décors animés

Ils n'animent que la position et l'opacité d'un calque déjà peint : le navigateur ne recalcule aucune mise en page. Ils s'arrêtent d'eux-mêmes pour qui a demandé moins d'animations dans son système. Un treizième décor, les bulles qui remontent, se voit sur la page des blocs.

Lueur qui respire
lueur
Nappes qui dérivent
nappes
Balayage de lumière
rayons
Ondes concentriques
ondes
Bandes qui défilent
bandes
Dégradé tournant
tournoie
Voile qui ondule
voile
Poussière en suspension
poussiere
Flocons qui tombent
neige
Étincelles
etincelles
Marée lente
marees
Grain vivant
grain

En grand : matière + décor sur une vraie bande

Topographie, et une lueur qui respire

19

matières au catalogue

13

décors animés

0

fichier à télécharger

Matière « topographie » + décor « lueur qui respire ».

La même bande, en clair

Matière « lin » sur un fond clair

Sous 0,2 d'opacité la matière ne se voit plus ; au-delà de 0,45 la bande paraît sale. Le module reste entre les deux.

Discrète

Elle se remarque quand on la retire, pas quand on la pose.

Teintée

L'encre suit le fond : sombre sur clair, claire sur sombre.

Gratuite

Des dégradés CSS et un bruit SVG en adresse de données.

Chargement...
Retour en haut