User avatar
privTri Volpeon areon3NSmol @volpeon@icy.wyvern.rip
Admin
Wyvern-shaped software developer and hobby vector artist. Also sometimes a fluffy werewolf alien creature (Areon) or a bird (Corveon).

Creator of the neofoxes, neocats and other emojis.
wvrnBox
Website
https://volpeon.ink/
Speaking German, English
Age 30s
Pronouns he / him
Backup Account @volpeon@goto.wyvern.rip
Bonus Content @areon@icy.wyvern.rip
User avatar
privTri Volpeon areon3NSmol @volpeon@icy.wyvern.rip
1y
@nytpu

"Oh god damn it, Mister Mlemington dropped another dead cow on my bed"
User avatar
privTri Volpeon areon3NSmol @volpeon@icy.wyvern.rip
1y
@karb @Kiro Floof! wvrnAlert
User avatar
privTri Volpeon areon3NSmol @volpeon@icy.wyvern.rip
1y
@riley It's all fun and games until you realize you're the simulation neofox_googly_shocked
User avatar
privTri Volpeon areon3NSmol @volpeon@icy.wyvern.rip
1y
@nytpu Woozember, too drgn_woozy
User avatar
privTri Volpeon areon3NSmol @volpeon@icy.wyvern.rip
1y
Brezel Bilbo neofox_think_woozy
User avatar
privTri Volpeon areon3NSmol @volpeon@icy.wyvern.rip
1y
@Erpel neofox_aww
User avatar
privTri Volpeon areon3NSmol @volpeon@icy.wyvern.rip
1y
After Bagel Bilbo and Croissant Bilbo, now we need Bread Bilbo neofox_3c
User avatar
privTri Volpeon areon3NSmol @volpeon@icy.wyvern.rip
1y
88x31 buttons are very popular among those websites. I should make one, too wvrnBox
User avatar
privTri Volpeon areon3NSmol @volpeon@icy.wyvern.rip
1y
@hexaitos Yeah, it's fun drgn_happy_blep pixelde.su has quite a few webrings, and I also found zatzhing.me/webring
User avatar
privTri Volpeon areon3NSmol @volpeon@icy.wyvern.rip
1y
@captainepoch Sure!

daudix.one/home/
dragon-vi.be
pebble.pet
pixelde.su
beeps.website
tuxedodragon.art
User avatar
privTri Volpeon areon3NSmol @volpeon@icy.wyvern.rip
1y
I started browsing websites for inspiration using Fediring as starting point and then other webrings and links. There are lots of cool websites out there. neofox_heart
User avatar
privTri Volpeon areon3NSmol @volpeon@icy.wyvern.rip
1y
Adventskalender - Türchen 1 @vel Oh boy, es ist endlich Woozember drgn_woozy
User avatar
privTri Volpeon areon3NSmol @volpeon@icy.wyvern.rip
1y
www.youtube.com/watch?v=0pomC1CfpC0

First time I hear about PC rental and it sounds like the cancer I would expect it to be.
User avatar
privTri Volpeon areon3NSmol @volpeon@icy.wyvern.rip
1y
@ziphi
User avatar
privTri Volpeon areon3NSmol @volpeon@icy.wyvern.rip
1y
Michaelsoft Binbows
User avatar
privTri Volpeon areon3NSmol @volpeon@icy.wyvern.rip
1y
Anyway, if you want CSS-only parallax, I would give this a 10/10. I could never get the 3D transform-based one to work, but this is easy and you have way more control.
User avatar
privTri Volpeon areon3NSmol @volpeon@icy.wyvern.rip
1y
Oh, it suddenly started working. Cool drgn_woozy
User avatar
privTri Volpeon areon3NSmol @volpeon@icy.wyvern.rip
1y
The way it works is that I add transforms like transform: translateY(var(--footer--l1-y, 0px)); as necessary to the SVG elements. Then I use the following CSS on my website:
@property --footer--l1-y {
    initial-value: 0px;
    inherits: true;
    syntax: "<length>";
}

@keyframes footer-ani {
    from {
        --footer--l1-y: -200px;
    }
    to {
        --footer--l1-y: 0px;
    }
}

.footer {
    animation-name: footer-ani;
    animation-fill-mode: both;
    animation-duration: 1ms;
    animation-timeline: view(block 80% 0%);
    animation-timing-function: linear;
}
User avatar
privTri Volpeon areon3NSmol @volpeon@icy.wyvern.rip
1y
So I'm implementing a parallax effect for the footer using CSS scroll-driven animations and animatable custom properties. Ironically, it works in Firefox and not in Chrome. Since it's only subtle and optional, it will stay a Firefox-exclusive I guess.
User avatar
privTri Volpeon areon3NSmol @volpeon@icy.wyvern.rip
1y
@FlitsFlash @SuperSluether wvrnBlush