R.I.P
R.I.P
KPCKevin Powell - Community
Created by R.I.P on 10/11/2024 in #front-end
animation with gradiants
emmmmmm aynone got any idea ?
3 replies
KPCKevin Powell - Community
Created by R.I.P on 10/12/2024 in #front-end
slow animation on corners
just wondering does anyone tried?
4 replies
KPCKevin Powell - Community
Created by AMAN on 10/12/2024 in #front-end
How do i put a span a absolute div across the whole page not just 100dvh the entire website
this might might help the css of make a absoloute or better a fix to the whole page (if it was irrelavent sorry)
position absoloute/fixed;
inset: 0; for the covering of whole page
if the parent div is a relative then u need inset in negatives for absoloute
and if u want u can do
top:0;
bottom:0;
left:0;
right:0;
which is inset but more painful
position absoloute/fixed;
inset: 0; for the covering of whole page
if the parent div is a relative then u need inset in negatives for absoloute
and if u want u can do
top:0;
bottom:0;
left:0;
right:0;
which is inset but more painful
4 replies
KPCKevin Powell - Community
Created by R.I.P on 10/12/2024 in #front-end
in keyframes can i do a percent of a percent
its ok hf
32 replies
KPCKevin Powell - Community
Created by R.I.P on 10/12/2024 in #front-end
in keyframes can i do a percent of a percent
I cant 🥲 it doesnt let me sign up yay
32 replies
KPCKevin Powell - Community
Created by R.I.P on 10/12/2024 in #front-end
in keyframes can i do a percent of a percent
its ok if u dont want Its not my question anyways
32 replies
KPCKevin Powell - Community
Created by R.I.P on 10/12/2024 in #front-end
in keyframes can i do a percent of a percent
can u try these and give me an idea on how to slow the rotation on corners?
32 replies
KPCKevin Powell - Community
Created by R.I.P on 10/12/2024 in #front-end
in keyframes can i do a percent of a percent
yay
32 replies
KPCKevin Powell - Community
Created by R.I.P on 10/12/2024 in #front-end
in keyframes can i do a percent of a percent
ok tnx 🥲 im doomed
32 replies
KPCKevin Powell - Community
Created by R.I.P on 10/12/2024 in #front-end
in keyframes can i do a percent of a percent
i want the changes to be in keyframes
32 replies
KPCKevin Powell - Community
Created by R.I.P on 10/12/2024 in #front-end
in keyframes can i do a percent of a percent
i know there is
32 replies
KPCKevin Powell - Community
Created by R.I.P on 10/12/2024 in #front-end
in keyframes can i do a percent of a percent
it was a example i dont want that specifically
32 replies
KPCKevin Powell - Community
Created by R.I.P on 10/12/2024 in #front-end
in keyframes can i do a percent of a percent
thats why i tried 50%{ 0% 10% 20%... 100%} but no luck
32 replies
KPCKevin Powell - Community
Created by R.I.P on 10/12/2024 in #front-end
in keyframes can i do a percent of a percent
see again
32 replies
KPCKevin Powell - Community
Created by R.I.P on 10/12/2024 in #front-end
in keyframes can i do a percent of a percent
imagine u wrote some keyframes from 0 to 100 a long list like:
keyframes sth{
10%x
20%y
30%z
40%a
50%b
60%c
70%s
80%d
90%h
100%hh
}
keyframes sth{
10%x
20%y
30%z
40%a
50%b
60%c
70%s
80%d
90%h
100%hh
}
now u regeret it and want to make the exact same thing but in reverse tho u want both of them
{5%x
10%y
....
45%h
50%hh
now the opposite adds
55%h
60%d
....
90%y
95%x}
{5%x
10%y
....
45%h
50%hh
now the opposite adds
55%h
60%d
....
90%y
95%x}
so yea i dont wanna do this cause this is simple and what im gonna do pisses me off so how can i do it ?
32 replies
KPCKevin Powell - Community
Created by R.I.P on 10/12/2024 in #front-end
in keyframes can i do a percent of a percent
.test-conic::before{
content: '';
position: absolute;
width: 100%;
height: 100%;
background: conic-gradient(
from var(--deg) at 50% 50%,
transparent 0% 9%,
purple 10% 11%,
transparent 12% 19%


);
background-color: white;
/*top: 50%;
left: 50%;
translate: -50% -50%;*/
inset: -8px;
padding: 8px;
z-index: -5;
animation: background 5s infinite linear none;
}
.test-conic{
width: 400px ;
aspect-ratio: 1/1 ;
position: relative ;
background-color: black;
border: black solid 3px;
inset: 15px;
}
@porperty --deg{
inherite: false;
sytanx: "<angle>";
initial-value: 0deg;}
with that from 0 to 360 keyframes it sucks at corner since it goes way faster
.test-conic::before{
content: '';
position: absolute;
width: 100%;
height: 100%;
background: conic-gradient(
from var(--deg) at 50% 50%,
transparent 0% 9%,
purple 10% 11%,
transparent 12% 19%


);
background-color: white;
/*top: 50%;
left: 50%;
translate: -50% -50%;*/
inset: -8px;
padding: 8px;
z-index: -5;
animation: background 5s infinite linear none;
}
.test-conic{
width: 400px ;
aspect-ratio: 1/1 ;
position: relative ;
background-color: black;
border: black solid 3px;
inset: 15px;
}
@porperty --deg{
inherite: false;
sytanx: "<angle>";
initial-value: 0deg;}
with that from 0 to 360 keyframes it sucks at corner since it goes way faster
so yea this is the main reason im doing this and as i told I just wrote from 0 to 100% but now i decided that the animation duration would be 4 times longer and my 0 to 100 goes in third half which is the new 50% to 75% like i wanna compress the whole 0to 100 in a new 25%
32 replies
KPCKevin Powell - Community
Created by R.I.P on 10/12/2024 in #front-end
in keyframes can i do a percent of a percent
i want to devide 50% to 75% to 100part not 50% to 51% that would be easy if i could set the time for it like between ur 50.01% and 51.00% the time would be 10s and between 0 to 50% the time wwould be 2s 🥲
32 replies
KPCKevin Powell - Community
Created by R.I.P on 10/12/2024 in #front-end
in keyframes can i do a percent of a percent
i wrote the 50% part and now i changed my mined of this being the whole part i wanted to have sth else with it too
32 replies
KPCKevin Powell - Community
Created by R.I.P on 10/12/2024 in #front-end
in keyframes can i do a percent of a percent
i dont wanna do the math thats the whole point this mess
32 replies
KPCKevin Powell - Community
Created by R.I.P on 10/12/2024 in #front-end
is it bad to use -numbers in margin padding insets translate and other stuff
gotu and tnx
11 replies