new Depedancy, better fading
This commit is contained in:
parent
2d6854ee65
commit
7710049900
5 changed files with 46 additions and 211 deletions
|
@ -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>
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue