neon443/neon443.github.io
1
0
Fork 0
mirror of https://github.com/neon443/neon443.github.io.git synced 2026-03-11 07:09:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

centered

Browse Source
This commit is contained in:
neon443
2024-04-02 17:26:45 +01:00
parent e756dfa690
commit 818f16de72
2 changed files with 12 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
index.html
View File

@@ -8,7 +8,6 @@
<link rel="manifest" href="./app.webmanifest">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./style.css" type="text/css">
</head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-6R79TC88DQ"></script>
<script>
@@ -19,7 +18,7 @@
gtag('config', 'G-6R79TC88DQ');
</script>
<!-- Google tag (gtag.js) -->
<script type="text/javascript" src="./script.js"></script>
<script src="./script.js"></script>
<body>
<div class="bar">
<div class="barItem"><h1>neon443</h1></div>
@@ -44,9 +43,9 @@
</p>
<table style="width:100%">
<tr>
<td><a href="https://neon443.github.io/eaglercraft152"><img class="icon" src="images/minecraft/1.5.png"></a></td>
<td><a href="https://neon443.github.io/eaglercraft188"><img class="icon"src="images/minecraft/1.8.png"></a></td>
<td></td>
<td class="icntd"><a href="https://neon443.github.io/eaglercraft152"><img class="icn" src="images/minecraft/1.5.png"></a></td>
<td class="icntd"><a href="https://neon443.github.io/eaglercraft188"><img class="icn" src="images/minecraft/1.8.png"></a></td>
<td class="icntd"></td>
</tr>
</table>
</body>

18
style.css
View File

@@ -125,19 +125,17 @@ h3 {
padding: 20px 10px;
}
@keyframes iconhover {
from {transform: scale(1, 1);}
to {transform: scale(1.05, 1.05)}
td img{
display: block;
margin-left: auto;
margin-right: auto;
}
.icon {
.icn {
border-radius: 5px;
transition: all 0.25s ease-out 100ms;
}
.icon:hover {
animation-name: iconhover;
animation-duration: 0.25s;
animation-timing-function: ease-in-out;
animation-fill-mode: both;
.icn:hover {
transform: scale(1.1, 1.1);
}
@media (prefers-color-scheme: dark) {