mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-28 13:10:21 +08:00
39 lines
961 B
HTML
39 lines
961 B
HTML
<div class="loader-pencil-content">
|
|
<div class="btn">
|
|
<svg id="loader-pencil" xmlns="http://www.w3.org/2000/svg" width="667" height="182" viewBox="0 0 677.34762 182.15429">
|
|
<g>
|
|
<path id="body-pencil" d="M128.273 0l-3.9 2.77L0 91.078l128.273 91.076 549.075-.006V.008L128.273 0zm20.852 30l498.223.006V152.15l-498.223.007V30zm-25 9.74v102.678l-49.033-34.813-.578-32.64 49.61-35.225z">
|
|
</path>
|
|
<path id="line" d="M134.482 157.147v25l518.57.008.002-25-518.572-.008z">
|
|
</path>
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
<style>
|
|
/* From Uiverse.io by JkHuger - Tags: loader */
|
|
.btn {
|
|
align-items: center;
|
|
background: #93e2cb;
|
|
border-radius: 4px;
|
|
display: flex;
|
|
height: 80px;
|
|
justify-content: center;
|
|
padding: 1rem;
|
|
width: 180px;
|
|
}
|
|
|
|
#line {
|
|
animation: linePencil .8s infinite linear;
|
|
}
|
|
|
|
@keyframes linePencil {
|
|
0% {
|
|
transform: translateY(0);
|
|
}
|
|
|
|
100% {
|
|
transform: translateY(-150px);
|
|
}
|
|
}
|
|
</style>
|