mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-28 05:00:22 +08:00
52 lines
No EOL
1.3 KiB
HTML
52 lines
No EOL
1.3 KiB
HTML
<a
|
|
><svg
|
|
viewBox="0 0 256 256"
|
|
height="32"
|
|
width="38"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<path
|
|
d="M74.34 85.66a8 8 0 0 1 11.32-11.32L120 108.69V24a8 8 0 0 1 16 0v84.69l34.34-34.35a8 8 0 0 1 11.32 11.32l-48 48a8 8 0 0 1-11.32 0ZM240 136v64a16 16 0 0 1-16 16H32a16 16 0 0 1-16-16v-64a16 16 0 0 1 16-16h52.4a4 4 0 0 1 2.83 1.17L111 145a24 24 0 0 0 34 0l23.8-23.8a4 4 0 0 1 2.8-1.2H224a16 16 0 0 1 16 16m-40 32a12 12 0 1 0-12 12a12 12 0 0 0 12-12"
|
|
fill="currentColor"
|
|
></path></svg
|
|
></a>
|
|
|
|
<style>
|
|
/* From Uiverse.io by cybrejon - Tags: glassmorphism, button, download */
|
|
a {
|
|
color: rgba(255, 255, 255, 0.692);
|
|
padding: 10px 15px;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
text-shadow: 0 0 20px rgba(255, 255, 255, 0.397);
|
|
background: rgba(255, 255, 255, 0.068);
|
|
overflow: hidden;
|
|
font-size: 0.9rem;
|
|
font-weight: 600;
|
|
gap: 8px;
|
|
border-radius: 5px;
|
|
margin: 0 5px;
|
|
transition: 0.2s;
|
|
border: 1px solid transparent;
|
|
}
|
|
|
|
a:hover {
|
|
border-color: rgba(255, 255, 255, 0.623);
|
|
background: linear-gradient(
|
|
to bottom,
|
|
rgba(255, 255, 255, 0.144),
|
|
rgba(255, 255, 255, 0.247),
|
|
rgba(255, 255, 255, 0.39)
|
|
);
|
|
box-shadow: 0 6px rgba(255, 255, 255, 0.623);
|
|
transform: translateY(-6px);
|
|
}
|
|
|
|
a:active {
|
|
transform: translateY(2px);
|
|
box-shadow: none;
|
|
}
|
|
|
|
</style>
|
|
|