i have a CSS button how to link to another html file without Javascript Note:
that i am not using html input or button html tags so i dont know how ,helpful if you would link a article or the solution code full
the html and css code below:
most of the code is just css animation from a site which is opensource and free
<!DOCTYPE html>
<html lang="en">
<body>
<h1 class="box-main"> Time : 9:30 AM </h1>
<h1 style="position:relative; right:80px; top:40px;" class="box-main">
</h1>
<h1 class="box-main"> Date: 1 / 12 / 2021
</h1>
<h1 class="box-main"> Place: Random X and Z
</h1>
</body>
<meta charset="UTF-8">
<title>Booking</title>
<style>
body {
margin: 0;
height: 100vh;
display: flex;
align-items: center;
justify-content: right;
background-color: black;
}
nav ul {
list-style-type: none;
margin: 0;
padding: 0;
}
nav ul li {
--c: white;
color: var(--c);
font-size: 16px;
border: 0.3em solid var(--c);
border-radius: 0.5em;
width: 6em;
height: 3em;
text-transform: uppercase;
font-weight: bold;
font-family: sans-serif;
letter-spacing: 0.1em;
text-align: center;
line-height: 3em;
position: relative;
overflow: hidden;
z-index: 1;
transition: 0.5s;
margin: 1em;
}
nav ul li span {
position: absolute;
width: 20%;
height: 100%;
background-color: var(--c);
transform: translateY(150%);
border-radius: 50%;
left: calc((var(--n) - 1) * 25%);
transition: 0.5s;
transition-delay: calc((var(--n) - 1) * 0.1s);
z-index: -1;
}
nav ul li:hover {
color: black;
}
nav ul li:hover span {
transform: translateY(0) scale(2);
}
nav ul li span:nth-child(1) {
--n: 1;
}
nav ul li span:nth-child(2) {
--n: 2;
}
nav ul li span:nth-child(3) {
--n: 3;
}
nav ul li span:nth-child(4) {
--n: 4;
}
.box-main {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
color: White;
max-width: 80%;
margin: auto;
height: 80%;
}
text-big {
font-size: 10px;
}
</style>
</head>
<body>
<nav>
<li>
<ul>
<nav>
<ul>
<li>
this is the button text
book
<span></span><span></span><span></span><span></span>
</body>
</html>
Thanks in advance please ask if you need any more information