Écran cathodique

Scanlines, scintillement, verre bombé et une bande qui défile, comme un vieux moniteur qui chauffe.

Réglages

Couleur 1#34d399

Couleur 2#0071e3

Couleur 3#a7f3d0

Vitesse1x

Densité / échelle1x

Opacité1

Code

index.html

<div class="pt-crt"><b></b><em>SYSTEM READY</em><i></i><u></u><s></s></div>

Prompt pour l’IA

Collez-le dans ChatGPT, Claude ou Cursor : le bloc sera adapté à votre projet avec ces réglages, même sans React.

Plus dans Arrière-plans

Dégradé mesh

Arrière-plansHTML + CSS

Fond aurore boréale

Arrière-plansHTML + CSS

Dégradé qui respire

Arrière-plansHTML + CSS

Coucher de soleil liquide

Arrière-plansHTML + CSS

Grille de points en onde

Arrière-plansHTML + CSS

Grille synthwave

Arrière-plansHTML + CSS

Fond en nid d’abeille

Arrière-plansHTML + CSS

Lignes diagonales lumineuses

Arrière-plansHTML + CSS

Où l’utiliser

L’effet écran cathodique, c’est l’informatique rétro en un coup d’œil. Utilisez-le pour le hero d’un jeu en pixel art, un événement de cybersécurité façon CTF ou une page 404 qui fait croire que le système a planté. Au centre brille un « SYSTEM READY » que vous pouvez remplacer par votre propre texte. Un fond rétro effet CRT, en CSS.

Gardez le scintillement discret si la page reste ouverte longtemps, et évitez-le sur les pages faites pour la lecture. Une police à chasse fixe dans le même vert ou ambre que la lueur complète le rendu.