Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Commit c76d437

Browse files
link from bottom to top added
1 parent 74fc303 commit c76d437

File tree

3 files changed

+61
-2
lines changed

3 files changed

+61
-2
lines changed

‎img/arrow-top.svg‎

Lines changed: 38 additions & 0 deletions
Loading[フレーム]

‎project.css‎

Lines changed: 12 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,6 @@
1+
html{
2+
scroll-behavior: smooth;
3+
}
14
.primary-link{
25
transition-duration: 0.2s;
36

@@ -57,4 +60,12 @@
5760
transform: translateY(12%);
5861
}
5962

60-
}
63+
}
64+
.bottomright {
65+
position: fixed;
66+
bottom: 8px;
67+
right: 10px;
68+
font-size: 18px;
69+
border-radius:50%;
70+
background-color: #41b3a3;
71+
}

‎project.html‎

Lines changed: 11 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -31,7 +31,7 @@ <h2> <a class="link" href="index.html">CoderSaty</a> </h2>
3131
</ul>
3232
</nav>
3333
<header class="hero">
34-
<img src="img/projects.svg" alt="" class="hero-image">
34+
<img src="img/projects.svg" alt="" class="hero-image"id="top">
3535
<h1 class="hero-heading">See my <span class="highlight">Work</span></h1>
3636
</header>
3737
<section class="section">
@@ -612,6 +612,16 @@ <h2 class="project-heading">Rock, Paper and Scissors</h2>
612612
</p>
613613
</section>
614614

615+
616+
<!--nav to top link -->
617+
618+
<a href = "#top" class="bottomright">
619+
<img src="img/arrow-top.svg" style="padding: 5px;" width="50" height="50">
620+
621+
</a>
622+
<!-- nav to top link end-->
623+
624+
615625
<footer class="footer">
616626
<small class="footer-heading">&copy; Codersaty May 2021</small>
617627
<ul class="inline unordered">

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /