PROJET AUTOBLOG


Shaarli - Les discussions de Shaarli

Archivé

Site original : Shaarli - Les discussions de Shaarli du 23/07/2013

⇐ retour index

The great native CSS3 rainbow

samedi 20 juin 2015 à 14:47
KraZhtest - Liens utiles - C'est le bordel 20/06/2015
Mis ça de coté sur Codepen: comment faire un arc-en-ciel en dégradé, en css et en une ligne.
Car les résultats de recherches à ce sujet sont tous foireux, trop vieux et compliqués: https://www.google.fr/search?q=css+rainbow+gradient
{i ps:j'aime les filles! i}

le hollandais volant 20/06/2015
Il y des années (2010, à en croire la date de dernier accès des images), j’avais fait un truc aussi : http://lehollandaisvolant.net/tout/css_art.php

Pour l’époque c’était compliqué : 2000 div imbriqués avec chacun une couleur de bordure différente.

Pour les trucs croisés, j’utilisais deux séries de div superposés avec celle du dessus légèrement transparente.

Maintenant, on peut faire ça en une seule ligne de CSS, avec les multiple-backgrounds, les RGBA et les gradients.
C’est bô.

Faudrait que je fasse un truc où on peut changer l’angle d’inclinaison : ça ferait de jolis effets de moirer.
— (permalink)

KraZhtest - Liens utiles - C'est le bordel > le hollandais volant 20/06/2015
Ah oui je me souviens de cette page maintenant ;) !
Ca demande qu'a y rajouter des transitions, j'avoue! Et vu que ça ne consomme pas beaucoup de ressources le rendu doît être sympa.
Genre un gif psychadelique, en 10 lignes de js :]