mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-28 13:10:21 +08:00
52 lines
No EOL
1.4 KiB
HTML
52 lines
No EOL
1.4 KiB
HTML
<button class="button">
|
|
<svg
|
|
id="UploadToCloud"
|
|
viewBox="0 0 24 24"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
height="16px"
|
|
width="16px"
|
|
class="icon"
|
|
>
|
|
<path d="M0 0h24v24H0V0z" fill="none"></path>
|
|
<path
|
|
class="color000000 svgShape"
|
|
fill="#000000"
|
|
d="M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM14 13v4h-4v-4H7l4.65-4.65c.2-.2.51-.2.71 0L17 13h-3z"
|
|
></path>
|
|
</svg>
|
|
Upload CV
|
|
</button>
|
|
|
|
<style>
|
|
/* From Uiverse.io by elijahgummer - Tags: yellow, gradient, button, glow, modern, upload, hover effect, upload button */
|
|
.button {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
cursor: pointer;
|
|
background: linear-gradient(45deg, #ffc75d, #ffc708);
|
|
box-shadow: 0 0 24px #ffb20861;
|
|
border: 2px solid #ffe825;
|
|
border-radius: 100px;
|
|
transition: background-color 0.3s ease, box-shadow 0.3s ease,
|
|
text-shadow 0.3s ease;
|
|
padding: 10px 20px;
|
|
color: #09090b;
|
|
font-weight: bold;
|
|
text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); /* Text drop shadow */
|
|
}
|
|
|
|
.button:hover {
|
|
background-color: #ffc75d !important;
|
|
box-shadow: 0 0 34px #ffb20861 !important;
|
|
text-shadow: 0 0 4px #ffe825; /* Hover text shadow */
|
|
border-color: #ffe825 !important;
|
|
}
|
|
|
|
.icon {
|
|
margin-right: 5px;
|
|
filter: drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.3)); /* Icon drop shadow */
|
|
}
|
|
|
|
</style>
|
|
|