<?php
header('Content-type: text/css');
$percent = 0;
$percent += date("H") * (100/24);
$percent += date("i") * ((100/24)/60);
$percent += date("s") * (((100/24)/60)/60);
?>
.topnav{
background-image: linear-gradient(to right, 
    var(--temaszin1) 0%, 
    var(--temaszin1) <?=$percent-20?>%,
    var(--temaszin2) <?=$percent?>%,
    var(--temaszin1) <?=$percent+20?>%, 
    var(--temaszin1) 100%);
}