limepotato/limepot-xyz
1
0
Fork 0
Code Issues 3 Pull requests Activity

Fixed style

Browse source
This commit is contained in:
nelle 2023-03-22 02:34:53 -06:00
parent 1cf33eb302
commit b67e18b91f
1 changed files with 0 additions and 67 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

67
about.html
View file

@ -7,73 +7,6 @@
<title>LimePot - About</title>
<link rel="stylesheet" href="mybulma/css/mystyles.css">
<style>
*{
box-sizing: border-box;
font-family: 'Courier New', Courier, monospace;
margin: 0;
padding: 0;
}
.wrapper{
font-size: 4vw;
width: 50vw;
text-align: center;
display: flex;
}
.normal-text{
color: white;
width: 35%;
display: inline-block;
text-align: left;
}
.dynamic-text {
display: inline-block;
height: 5vw;
overflow: hidden;
}
.dynamic-text li{
color: rgb(0, 255, 204);
margin: 0 0 2% 5px;
position: relative;
width: fit-content;
animation: slid 18s steps(3) infinite;
-webkit-animation: slid 18s steps(3) infinite;
}
.dynamic-text li::before{
content: "";
position: absolute;
width: 100%;
height: 100%;
border-left: 2px solid rgb(0, 255, 204);
left: 0;
background: #332e33;
animation: typing 3s steps(12) infinite;
-webkit-animation: typing 3s steps(12) infinite;
}
@keyframes typing {
50%{left:100%}
100%{left:0%}
}
@keyframes slid {
50%{
transform: translateY(calc(-15.5vw));
-webkit-transform: translateY(calc(-15.5vw));
-moz-transform: translateY(calc(-15.5vw));
-ms-transform: translateY(calc(-15.5vw));
-o-transform: translateY(calc(-15.5vw));
}
100%{ transform: translateY(0px);
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);}
}
</style>
</head>
<body>
<nav class="navbar" role="navigation" aria-label="main navigation">