ari/arimelody.me
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

hell yeah i love canvas rendering

Browse source
This commit is contained in:
ari melody 2025-03-15 17:54:58 +00:00
parent 3f3164bc15
commit ecda8dde24
Signed by: ari
GPG key ID: 60B5F0386E3DDB7E
3 changed files with 188 additions and 200 deletions
Download patch file Download diff file Expand all files Collapse all files

63
public/style/cursor.css
View file

@ -1,64 +1,9 @@
#cursors i.cursor {
position: fixed;
padding: 4px;
display: block;
z-index: 1000;
background: #0008;
border: 2px solid #808080;
border-radius: 2px;
font-style: normal;
font-size: 10px;
font-weight: bold;
white-space: nowrap;
}
#cursors i.cursor.click {
color: var(--on-background) !important;
border-color: var(--on-background) !important;
}
#cursors i.char {
position: absolute;
margin: 0;
font-style: normal;
font-size: 20px;
font-weight: bold;
color: var(--on-background);
}
#cursors i.funchar {
position: absolute;
margin: 0;
display: block;
z-index: 1000;
font-style: normal;
font-size: 20px;
font-weight: bold;
color: var(--on-background);
}
#cursors {
width: 100vw;
height: 100vh;
canvas#cursors {
position: fixed;
top: 0;
left: 0;
z-index: 1000;
overflow: clip;
user-select: none;
width: 100vw;
height: 100vh;
pointer-events: none;
}
@media (prefers-color-scheme: light) {
#cursors i.cursor {
filter: saturate(5) brightness(0.8);
background: #fff8;
}
z-index: 100;
}