Ce tutorial sera relativement rapide vu la simplicité des taches à effectuer.

Je vous préviens juste que le fond présent n'est pas représentatif de la finalité (compression jpg oblige).

Bon on ne va pas s'attarder plus longtemps !

1. Creez un document de 4x4 px

2. Avec l'outil de selection effectuez la selection d'un pixel (le bord bas gauche ou haut droit selon vos préférences !)

3. En maintenant la touche MAJ (ce qui a pour but de passer la selection en addition, c-à-d de sélectionner quelquechose alors qu'une sélection est déjà faite), effectuez la sélection d'un pixel se situant sur la diagonale.

4. Une fois cette diagonale selectionnée, remplissez là avec une couleurs, dans mon cas du blanc. (raccourcie pour le remplissage avec la couleur de premier plan "Alt+Entrée" )

5. Définissez un nouveau calque avec une couleur, (ici du bleu !) que vous passez en dessous de la diagonale.

6. Passez le mode du calque contenant la diagonale en incrustation.

Il ne reste plus qu'à jouer avec l'opacité pour arriver à un résultat vous convenant.

Cet effet, très simple à réaliser peut s'exploiter de plusieurs façons.

Tout dépend de ce que vous souhaitez en faire, et de votre niveau d'habileté dans l'intégration CSS (spécifique au domaine du web ).
Je distingue deux méthodes principales, mais si vous en avez d'autres n'hésitez pas à les suggérer.

1. Vous enregistrez le document dans un format de 4x4 px, et donc grace à la feuille de style vous l'appelez et le faite répeter en x et y.