Рандомный цвет текста на php

hvck1337 · 30 Авг 2017

Для того чтобы его использовать нужно подключить выполнение php скриптов или просто переименовать файл в index.php.

Далее вставляем это в самое начало index.php до <DOCTYPE HTML> или если у вас его нет до <html>

PHP:

<?php
  $c = array('#E91E63', '#673AB7', '#F44336', '#FFC107' ); // Цвета
  $f = rand(0, count($c)-1); // рандом
  $color = "$c[$f]"; // объявление
?>

В

PHP:

$c = array('#E91E63', '#673AB7', '#F44336', '#FFC107' );

можно добавлять свои цвета и удалить те которые вам не подходят.

И чтобы использовать рандом цвет, нужно добавить перед </head>

HTML:

 <style>#cover .float-cover-content .text-hvck .pri span {
    color: <?php echo $color ?>;
          
}</style>

и заменить #cover .float-cover-content .text-hvck .pri span на селектор у которого хотите сделать рандомный цвет.

Не забываем сохранить. Удачи :)

Sp1c3 · 10 Сен 2017

Годнота подъехала. Спасибо, пригодится

Monop0Ly · 10 Сен 2017

Sp1c3 написал(а):
Годнота подъехала. Спасибо, пригодится

С опозданием к тебе приехала че-то

Sp1c3 · 10 Сен 2017

Mlm написал(а):
С опозданием к тебе приехала че-то

только заметил

XVII · 13 Сен 2017

Вот добавочка, плавное изменение цвета. Ну или настроить можно под себя.

Код:

TEXT{
    animation-name: animation;
    -webkit-animation-name: animation; 
 
    animation-duration: 7s;
    -webkit-animation-duration: 7s;
 
    animation-timing-function: linear;   
    -webkit-animation-timing-function: linear;   
    
    
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    visibility: visible !important;
}
 
@keyframes animation {
    0%{color:black;}
    10%{color:white;}
    20%{color:white;}
    30%{color:white;}
    40%{color:white;}
    50%{color:white;}
    60%{color:white;}
    70%{color:white;}
    80%{color:white;}
    90%{color:white;}
    100%{color:black;}
}
@-webkit-keyframes animation{
    0%{color:black;}
    10%{color:white;}
    20%{color:white;}
    30%{color:white;}
    40%{color:white;}
    50%{color:white;}
    60%{color:white;}
    70%{color:white;}
    80%{color:white;}
    90%{color:white;}
    100%{color:black;}
}

Можно и сократить. Всё что стоит поменять здесь. Так это первую строчку, ну и соответственно цвета.
В первой строке поменяйте блок, либо что хотите поменять, в моём случае это блок <div id="TEXT"></div>

Под color можно ставить всё что хотите. Можно хоть любую другую css функцию. Там же и ширину блока width и высоту, и размер текста.
В общем экспериментируйте.

Рандомный цвет текста на php

Похожие темы