Случайный цвет шрифта - PullRequest
Новая
       2

Случайный цвет шрифта

1 голос
/ 20 февраля 2011

Как я могу заполнить текст 2 или 3 случайными цветами?

Ответы [ 2 ]

3 голосов
/ 20 февраля 2011

Вы можете сделать это с помощью JavaScript.

Есть 16777215 цветов, так что ... 

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

Вот и все - генератор случайных цветов, хотя некоторые выводимые цвета могут быть крошечными - я вас предупреждал!

(был хороший разговор о генерации случайных цветов на блоге Пола Айриша .)

0 голосов
/ 11 января 2014

Вот как я это делаю с помощью CSS и javascript (код здесь для случайных цветов и случайных размеров): 

<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>

и т. Д.

Каждое предложение получает свой уникальный цвет иуникальный размер (от 12 до 35 пикселей).

...