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

,

Browse Source
This commit is contained in:
Fabian Märker
2021-11-29 17:53:06 +01:00
parent d499bba29d
commit 53f463c13a
2 changed files with 30 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
assets/seiten/css/index.css
View File

@@ -1,7 +1,7 @@
#top {
#up-btn {
position: fixed;
text-align: center;
bottom: 1.2rem;
float: right;
right: 18.5%;
left: 95%;
max-width: 75px;
@@ -9,20 +9,26 @@
font-size: 1.3rem;
border: rgb(138,43,226);
background-color: #808080;
color: #232323;
padding: .5px;
border-radius: 4px;
}
#top:hover {
background-color: #909099;
#up-btn:hover {
background-color: #232323;
cursor: pointer;
color: #808080;
transition: all 0.75s;
}
#scroll-down {
margin-top: 95%;
#down-button {
color: #121212;
}
#content {
margin-top: 95%;
position: fixed;
height: 100%;
min-height: 100%;
width: 100%;
background-color: #121212;
}

33
index.html
View File

@@ -23,28 +23,29 @@
<div class="seite">
<!-- Sterne -->
<section>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
</section>
<div class="sterne">
<section>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
</section>
</div>
<!-- Hauptseite -->
<!-- On Top Knopf -->
<button id="top"><a href="#top" style="color:white">Nach Oben</a></button>
<a id="up-btn" href="#top">Nach Oben</a>
<!-- Scroll Down Knopf-->
<button id="scroll-down"><a href="#content"><img src="./assets/bilder/arrow_down.png"></a></button>
<a id="down-btn" href="#content"><img src="./assets/bilder/arrow_down.png"></a>
<div class="content">
<div id="content">
<h1>- Überschrift -</h1>
</div>