••
< if title: />

Day14 : moving gradient background in css

projet : one experiment per day

< if content: />

Jour 14, pour preparer les backgrounds de futur réalisations j’ai coder un fond simple mais en mouvement, avec “background linear gradient”.

On trouve de très bon générateurs de background dégradé sur internet comme par exemple : mycolor.space ou cssgradient.io pour mes préférés, par contre, aucun ne permet de mettre en mouvement ces fonds.

Un exemple de fond en mouvement serait de créer un fond” agrandi” avec plusieurs couleurs en dégradées le tout en mouvement, ca donnerait ca :

background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab); 
background-size: 400% 400%;
background-position();


Le résultat : quentinrenaux.com/xp/1day1code/moving-gradient-animation-css/

ps: j’ai ajouté un oeil en mouvement au centre pour rendre le tout plus psyché/trippy


< if thumbnail: />

quentinrenaux accueil
quentinrenaux mail
quentinrenaux insta
••
••
••
••
••