if web

< 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

&