Lignes diagonales lumineuses
De fines rayures diagonales glissent à l’écran pendant qu’une bande de lumière passe par-dessus.
Réglages
Code
<div class="pt-diag"><i></i><b></b><b></b></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
Où l’utiliser
Les lignes diagonales donnent une impression de mouvement sans encombrer l’écran. Elles vont bien derrière la section tarifs d’une fintech, sur l’écran de connexion d’un tableau de bord interne ou en couverture d’une étude de cas. La lumière qui les traverse ajoute un reflet discret. Un fond à rayures animé en CSS, très léger à charger.
Si un long texte doit s’afficher dessus, gardez les lignes pâles, car des rayures fines peuvent scintiller sur certains écrans. Le réglage d’échelle modifie l’écart entre les lignes : espacées, elles paraissent plus graphiques ; serrées, presque une texture.