Couleur de police aléatoire

Comment puis-je remplir du texte avec 2 ou 3 couleurs aléatoires?Couleur de police aléatoire

2011-02-20 Saska

Vous devriez diriger cette question vers Stack Overflow. – Christopher

Vous ne pouvez pas faire cela avec juste CSS, vous aurez besoin de Javascript. – Tom

duplication possible de [couleur de police aléatoire] (http://stackoverflow.com/questions/5057929/random-font-color) –

Vous pouvez le faire avec javascript.

Il y a 16777215 couleurs si ...

function randomColor() { 
    return '#' + ('00000' + (Math.random() * 16777216 << 0).toString(16)).substr(-6); 
}

Là vous allez - générateur de couleur aléatoire bien que certaines couleurs peut-être petit en sortie laid - Je vous avais prévenu!

(il y avait bien parler de génération de couleur aléatoire à Paul Irish's blog.)

Source

2011-02-20 16:24:58

Voici comment je le fais avec CSS et javascript (le code est ici pour des couleurs aléatoires et tailles aléatoires):

<head> 
    <style> 
     div { 
     position: relative; 
     float: left; 
     display: inline-block; 
     margin-right: 15px; 
     } 
    </style> 

    <script type="text/javascript"> 
     function randomColors() { 
     document.write("<div style='color:#" + Math.floor(Math.random()*4096).toString(16) + ";font-size: " + Math.floor(Math.random()*24+12) + "px;'>"); 
     } 
    </script> 
    </head> 

<body> 
<script>randomColors()</script>Sentence1 </div> 
<script>randomColors()</script>Sentence2 </div> 
<script>randomColors()</script>Sentence3 </div>

etc.

Chaque phrase obtient sa couleur unique et sa taille unique (de 12px à 35px).

Source

2014-01-11 00:54:53

Couleur de police aléatoire

Répondre

Questions connexes