maxim

Это возможно сделать на js:

element.addEventListener('mouseenter', function() {
element.style.animation = "//название, длительность в секундах и т.д";
});

Спасибо всем ребята : )
Я выбрал iskra JS, так как js уже с ним прогаю.
Закажу вот эту штукенцию - https://amperka.ru/product/iskra-js
И так же простите за тупость вопроса, так как ничего не понимал, а программировать что-то уже хотелось : \/ )

#ul_menu {
display:none;
}
#hover1 {
display:none;
}
#hover1_content {
display: none;
}

let main_menu = document.getElementById("menu"); //главная кнопка
let ul_menu = document.getElementById("ul_menu"); //список
let hover_menu1 = document.getElementById("hover1"); //к примеру какойто из них
hover_menu1_content = document.getElementById("hover1_content"); //контент

main_menu.addEventListener("mouseenter", function() {
ul_menu.style.display = "block";
});
hover_menu1.addEventListener("mouseenter", function() {
hover_menu1_content.style.display = "flex";
});

//поправь синтакс ошибки ручками пж

Ну и дальше логично

К примеру

#image {
width:150px;
height: 150px;
transition: all 0.4s ease;
}
#image :hover {
width:250px;
height: 250px;
transition: all 0.4s ease;

}

Сделаю на js:

let login_href = document.getElementById(“login”);
let reg_href = document.getElementBy(“reg”);
let reg_modal = document.getElementBy(“reg_modal”);
let login_modal =  document.getElementBy(“login_modal”);

login_href.addEventListener(“click”, function() {
login_modal.style.display = “block”;
reg_modal.style.display = “none”;
});
//а дальше логично

Тебе нужно дальше дописать или сам сможешь?)

Нужен php, это не сложно

$points = //здесь счет
//сюда суй все что нужно;
$user_points = //что предсказал пользователь;

if( $points == $user_points) {
//здесь если юзер точно предсказал 
}
if( ! $points == $user_points) {
//здесь если юзер не предсказал
}

В чем подвох ?

Щас напишу пример.
Короче попробуй так:

<?php if( твоё условие ) : ?>
<div style=“color: green”></div>
<?php else :  ?>
<div style=“color: red”></div>
<?php endif; ?>

Писал не в редакторе , поправь ручками если что

Зачем здесь css?
Напишу пример очень простой:

var tab = document.getElementById(“tab”);
var tab2 = document.getElementById(“tab2”);
var tab3 = document.getElementById(“tab3”);

var content = document.getElementById(“tab_content”);
var content2 = document.getElementById(“tab_content2”);
var content3 = document.getElementById(“tab_content3”);

tab.addEventListener(“click”, function() {
content.style.display = “block”;

content3.style.display = “none”;
content2.style.display = “none”;
}

// и дальше сам

И так с каждым табом. Разве не логично ?)

Ты хочешь что-бы юзер что-то постил, создавался файл , и его кидало на этот пост ?

<?php 
        session_start();

$id_post =   ... ;//якобы твоя переменная с id поста

if(isset($_POST['post_go']) {
        $file_php =  "posts/" .  $id_post  . "_post.html" ";

     //Если файла нету... 
        if (!file_exists($file_php)) {
            $fp = fopen($file_php, "w"); // ("r" - считывать "w" - создавать "a" - добавлять к тексту),мы создаем файл
            fwrite($fp, '
            
        //html разметка post

            ');
            fclose($fp);
header("Location:" .  $id_post . "_post.html" );
}

?>

<form action="index.php" method="POST">
<input type="submit" name="post_go"> 
</form>

Редактировал не редакторе а в сухую, поправь где ошибся