new Depedancy, better fading

This commit is contained in:
Bingus_Violet 2023-11-30 22:17:27 -06:00
parent 2d6854ee65
commit 7710049900
5 changed files with 46 additions and 211 deletions

View file

@ -16,11 +16,11 @@
<title>Socials - Violet's Purgatory</title>
</head>
<body>
<body class="fadediv">
<a class="chip" href="../">Home</a>
<h1><hr>Socials</h1>
<p>Here's where you can find me most... if you wanted to do that for some reason?</p>
<div class="fadediv row container-fluid" style="margin: auto;">
<div class="row container-fluid" style="margin: auto;">
<div class="col-sm-6">
<hr>

View file

@ -188,18 +188,6 @@ hr {
border-color: red;
}
@keyframes fade-in {
0% {
opacity: 0;
transform: translateY(20%);
}
100% {
opacity: 1;
transform: none;
}
}
.up {
border-color: limegreen;
}
@ -227,4 +215,16 @@ hr {
margin-right: 10px;
border: 2px lightgray solid;
border-radius: 5px;
}
@keyframes fade-in {
0% {
opacity: 0;
transform: translateY(50vh);
}
100% {
opacity: 1;
transform: none;
}
}