Template:Back to top: Difference between revisions
From Ragnafied Wiki
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
<div class="back-to-top-container"> | <div class="back-to-top-container"> | ||
[[#top|↑ Top]] | |||
</div> | |||
<style> | |||
.back-to-top-container { | |||
position: fixed; | |||
bottom: 30px; | |||
right: 30px; | |||
z-index: 9999; | |||
} | |||
.back-to-top-container a { | |||
background: linear-gradient(135deg, #FF6A00, #D93800); | background: linear-gradient(135deg, #FF6A00, #D93800); | ||
color: white; | color: white; | ||
| Line 15: | Line 25: | ||
border: 2px solid white; | border: 2px solid white; | ||
transition: all 0.3s ease; | transition: all 0.3s ease; | ||
} | |||
bottom: | .back-to-top-container a:hover { | ||
background: linear-gradient(135deg, #FF7A20, #F4B400); | |||
transform: translateY(-5px); | |||
box-shadow: 0 6px 15px rgba(0,0,0,0.4); | |||
</ | color: white; | ||
text-decoration: none; | |||
} | |||
@media (max-width: 768px) { | |||
.back-to-top-container { | |||
bottom: 20px; | |||
right: 20px; | |||
} | |||
.back-to-top-container a { | |||
width: 45px; | |||
height: 45px; | |||
font-size: 12px; | |||
} | |||
} | |||
</style> | |||
Latest revision as of 22:11, 20 February 2026
<style> .back-to-top-container {
position: fixed; bottom: 30px; right: 30px; z-index: 9999;
} .back-to-top-container a {
background: linear-gradient(135deg, #FF6A00, #D93800); color: white; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 14px; text-decoration: none; box-shadow: 0 4px 10px rgba(0,0,0,0.3); border: 2px solid white; transition: all 0.3s ease;
} .back-to-top-container a:hover {
background: linear-gradient(135deg, #FF7A20, #F4B400); transform: translateY(-5px); box-shadow: 0 6px 15px rgba(0,0,0,0.4); color: white; text-decoration: none;
} @media (max-width: 768px) {
.back-to-top-container {
bottom: 20px;
right: 20px;
}
.back-to-top-container a {
width: 45px;
height: 45px;
font-size: 12px;
}
} </style>
