Fabian/kbm-html
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Komentare Hinzugefügt

Browse Source
This commit is contained in:
Fabian Märker
2021-11-29 12:12:17 +01:00
parent 575a5529d6
commit b16b1cfb84
2 changed files with 8 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
assets/design.css
View File

@@ -39,7 +39,6 @@ body{
display: block; display: block;
color: #f2f2f2; color: #f2f2f2;
text-align: center; text-align: center;
padding: 25px ;
text-decoration: none; text-decoration: none;
transition: ease 0.3s; transition: ease 0.3s;
} }
@@ -59,6 +58,7 @@ body{
float: left; float: left;
} }
/* Neon Knöpfe > Menü */
.neon-button { .neon-button {
font-size: 1rem; font-size: 1rem;
display: inline-block; display: inline-block;
@@ -73,7 +73,6 @@ body{
text-shadow: 0 0 0.125em hsl(0 0% 100% / 0.3), 0 0 0.45em currentColor; text-shadow: 0 0 0.125em hsl(0 0% 100% / 0.3), 0 0 0.45em currentColor;
box-shadow: inset 0 0 0.5em 0 rgb(138,43,226), 0 0 0.5em 0 rgb(138,43,226); box-shadow: inset 0 0 0.5em 0 rgb(138,43,226), 0 0 0.5em 0 rgb(138,43,226);
} }
.neon-button::before { .neon-button::before {
pointer-events: none; pointer-events: none;
content: ""; content: "";
@@ -84,7 +83,6 @@ body{
height: 100%; height: 100%;
} }
.neon-button::after { .neon-button::after {
content: ""; content: "";
position: absolute; position: absolute;
@@ -98,13 +96,11 @@ body{
z-index: -1; z-index: -1;
transition: opacity 100ms linear; transition: opacity 100ms linear;
} }
.neon-button:hover, .neon-button:hover,
.neon-button:focus { .neon-button:focus {
color: #fff; color: #fff;
text-shadow: none; text-shadow: none;
} }
.neon-button:hover::before, .neon-button:hover::before,
.neon-button:focus::before { .neon-button:focus::before {
opacity: 1; opacity: 1;
@@ -114,6 +110,7 @@ body{
opacity: 1; opacity: 1;
} }
/* Logo im Menü */
#logo { #logo {
float: none; float: none;
position: absolute; position: absolute;
@@ -124,6 +121,7 @@ body{
height: 105%; height: 105%;
} }
/* Hauptseite */
.seite { .seite {
overflow: hidden; overflow: hidden;
width: 100%; width: 100%;
@@ -134,6 +132,7 @@ body{
background-size: 100%; background-size: 100%;
} }
/* Animierte Sterne */
.seite section { .seite section {
top: 0; top: 0;
left: 0; left: 0;
@@ -274,7 +273,9 @@ body{
animation-delay: 2.75s; animation-delay: 2.75s;
animation-duration: 1.75s; animation-duration: 1.75s;
} }
/* Animation Ende */
/* Text Formatierung */
.seite h1 { .seite h1 {
text-align: center; text-align: center;
} }

4
index.html
View File

@@ -16,8 +16,8 @@
<a class="neon-button " href="#seite2">2. Seite</a> <a class="neon-button " href="#seite2">2. Seite</a>
</div> </div>
<div class="btn-right"> <div class="btn-right">
<a class="neon-button btn-right " href="./assets/seiten/login.html">Anmelden</a> <a class="neon-button" href="./assets/seiten/services.html">Service<br>Retouren<br>Reparaturen</a>
<a class="neon-button btn-right" href="./assets/seiten/services.html">Service<br>Retouren<br>Reparaturen</a> <a class="neon-button" href="./assets/seiten/login.html">Anmelden</a>
</div> </div>
<a href="./index.html"><img id="logo" src="./assets/bilder/Logo.png"></a> <a href="./index.html"><img id="logo" src="./assets/bilder/Logo.png"></a>
</div> </div>