Bu da biraz süslenmiş hali.
<!DOCTYPE html>
<html>
<head>
<title>Sayı Dizini</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css">
<style>
.centered {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
.gradient-background {
background: linear-gradient(to right, #FFccee, #00ccff);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
</style>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-12 text-center">
<div class="display-1 centered gradient-background">
<?php
function sayiDiziniUret() {
$rastgeleSayi = rand( 100, 999 );
$rastgeleOndalik = rand( 0, 9 );
return $rastgeleSayi . '.' . $rastgeleOndalik;
}
$simdikiZaman = time();
$geceYarisi = strtotime( 'today midnight' );
if ( $simdikiZaman >= $geceYarisi && $simdikiZaman < $geceYarisi + 86400 ) {
$sayiDizini = sayiDiziniUret();
} else {}
?>
<?php echo $sayiDizini; ?> </div>
</div>
</div>
</div>
</body>
</html>