henry
henry
Explore posts from servers
KPCKevin Powell - Community
Created by henry on 7/7/2023 in #front-end
Making a font-start from the bottom line.
I see, thats unfortunate, adding j or q in this situation is just not feasible here since that data is not in my control. Guess I'll just have to live with it, anyhow thanks for the response 🙂
13 replies
KPCKevin Powell - Community
Created by henry on 7/7/2023 in #front-end
Making a font-start from the bottom line.
and i'm losing my mind this font has been annoying me for so long
13 replies
KPCKevin Powell - Community
Created by henry on 7/7/2023 in #front-end
Making a font-start from the bottom line.
and I just can't find it
13 replies
KPCKevin Powell - Community
Created by henry on 7/7/2023 in #front-end
Making a font-start from the bottom line.
And I'm very certain i've seen kevin address this exact issue in some video
13 replies
KPCKevin Powell - Community
Created by henry on 7/7/2023 in #front-end
Making a font-start from the bottom line.
13 replies
KPCKevin Powell - Community
Created by henry on 7/7/2023 in #front-end
Making a font-start from the bottom line.
The question itself is quite explanitory
13 replies
KPCKevin Powell - Community
Created by henry on 7/7/2023 in #front-end
Making a font-start from the bottom line.
My bad for the tag but I don't think any code is needed?
13 replies
KPCKevin Powell - Community
Created by henry on 7/7/2023 in #front-end
Making a font-start from the bottom line.
For anyone thinking that this is an alignment issue , its not, they are perfectly aligned using a flexbox and alignItems
13 replies
KPCKevin Powell - Community
Created by henry on 2/5/2023 in #front-end
Zoom through logo to content behind upon scroll
how do I use a ::before or ::after without changing the content
30 replies
KPCKevin Powell - Community
Created by henry on 2/5/2023 in #front-end
Zoom through logo to content behind upon scroll
@markboots.
30 replies
KPCKevin Powell - Community
Created by henry on 2/5/2023 in #front-end
Zoom through logo to content behind upon scroll
oh alright , ill try it out and let you know then, thanks ❤️
30 replies
KPCKevin Powell - Community
Created by henry on 2/5/2023 in #front-end
Zoom through logo to content behind upon scroll
30 replies
KPCKevin Powell - Community
Created by henry on 2/5/2023 in #front-end
Zoom through logo to content behind upon scroll
.landing span[data-motion="fade-out"] {
animation: fade-up 400ms forwards ease;
}

.landing span[data-motion="fade-back"] {
animation: fade-back 400ms forwards ease;
}


@keyframes fade-up {
from {
opacity: 1;
transform: translateY(0px);
}
to {
opacity: 0;
transform: translateY(-30px);
}
}

@keyframes fade-back {
to {
opacity: 1;
transform: translateY(0px);
}
from {
opacity: 0;
transform: translateY(-30px);
}
}
.landing span[data-motion="fade-out"] {
animation: fade-up 400ms forwards ease;
}

.landing span[data-motion="fade-back"] {
animation: fade-back 400ms forwards ease;
}


@keyframes fade-up {
from {
opacity: 1;
transform: translateY(0px);
}
to {
opacity: 0;
transform: translateY(-30px);
}
}

@keyframes fade-back {
to {
opacity: 1;
transform: translateY(0px);
}
from {
opacity: 0;
transform: translateY(-30px);
}
}
30 replies
KPCKevin Powell - Community
Created by henry on 2/5/2023 in #front-end
Zoom through logo to content behind upon scroll
its just a custom tag, which is attached to this
30 replies
KPCKevin Powell - Community
Created by henry on 2/5/2023 in #front-end
Zoom through logo to content behind upon scroll
its not a library
30 replies
KPCKevin Powell - Community
Created by henry on 2/5/2023 in #front-end
Zoom through logo to content behind upon scroll
I use it in css myself
30 replies
KPCKevin Powell - Community
Created by henry on 2/5/2023 in #front-end
Zoom through logo to content behind upon scroll
the logo variable is a useRef hook instance
30 replies
KPCKevin Powell - Community
Created by henry on 2/5/2023 in #front-end
Zoom through logo to content behind upon scroll
( this is in react / nextjs )
30 replies
KPCKevin Powell - Community
Created by henry on 2/5/2023 in #front-end
Zoom through logo to content behind upon scroll
or will I need to the same code for that too?
30 replies
KPCKevin Powell - Community
Created by henry on 2/5/2023 in #front-end
Zoom through logo to content behind upon scroll
dont mind the sloppy code, but this would apply to the top element, would the pseudo element follow suit?
30 replies