cubiq Comments - Answer Overflow

Topics

cubiq

KPCKevin Powell - Community

•Created by cubiq on 4/15/2024 in #front-end

SVG filter to "flip" the image?

No description

5 replies

KPCKevin Powell - Community

•Created by cubiq on 4/15/2024 in #front-end

SVG filter to "flip" the image?

definitely getting somewhere!

5 replies

KPCKevin Powell - Community

•Created by cubiq on 4/15/2024 in #front-end

SVG filter to "flip" the image?

oh i didn't know fehorse has a dc server, mark, thank you so much <3 ill make sure to ask there

5 replies

KPCKevin Powell - Community

•Created by Stroudy on 3/26/2024 in #front-end

:last-child:first-letter:hover

it would really help to create that codepen but my approach would be creating local variables and then on hover changing the variable colors:

[] {
  --_btn-accent: pastelgreen;
  --_btn-primary: var(--primary-color);
  --_btn-bg: rgb(1, 25, 44);
  
  background: var(--_btn-bg);
  ...
}

[]:first-letter {
  color: var(--_btn-accent);
}

[]:hover {
  --_btn-accent: var(--primary-color);
  --_btn-primary: var(--second-color);
}

[] {
  --_btn-accent: pastelgreen;
  --_btn-primary: var(--primary-color);
  --_btn-bg: rgb(1, 25, 44);
  
  background: var(--_btn-bg);
  ...
}

[]:first-letter {
  color: var(--_btn-accent);
}

[]:hover {
  --_btn-accent: var(--primary-color);
  --_btn-primary: var(--second-color);
}

you get the point.. this way you have just one place where you apply the actual color on that selector..

23 replies

KPCKevin Powell - Community

•Created by Stroudy on 3/26/2024 in #front-end

:last-child:first-letter:hover

im fine with that

23 replies

KPCKevin Powell - Community

•Created by clevermissfox on 2/21/2024 in #front-end

nested :is() selector

No description

13 replies

KPCKevin Powell - Community

•Created by clevermissfox on 2/21/2024 in #front-end

nested :is() selector

right, i couldn't figure my head around it and couldn't even find any proper mdn reference to it that would make a sense

13 replies

KPCKevin Powell - Community

•Created by clevermissfox on 2/21/2024 in #front-end

nested :is() selector

No description

13 replies

KPCKevin Powell - Community

•Created by clevermissfox on 2/21/2024 in #front-end

nested :is() selector

No description

13 replies

KPCKevin Powell - Community

•Created by clevermissfox on 2/21/2024 in #front-end

nested :is() selector

No description

13 replies

KPCKevin Powell - Community

•Created by clevermissfox on 2/21/2024 in #front-end

nested :is() selector

No description

13 replies

KPCKevin Powell - Community

•Created by ullaskunder on 1/18/2024 in #front-end

[update] done inverted corner not able to achieve animation?

no probs <3 hope that is what you wanted <3

34 replies

KPCKevin Powell - Community

•Created by ullaskunder on 1/18/2024 in #front-end

[update] done inverted corner not able to achieve animation?

even wizards are unemployed :D

34 replies

KPCKevin Powell - Community

•Created by ullaskunder on 1/18/2024 in #front-end

[update] done inverted corner not able to achieve animation?

https://codepen.io/Cubiq/pen/yLwbeEy there you go :)

34 replies

KPCKevin Powell - Community

•Created by ullaskunder on 1/18/2024 in #front-end

[update] done inverted corner not able to achieve animation?

well you need to have the pseudo elements one level up, ill do it, sec

34 replies

KPCKevin Powell - Community

•Created by ullaskunder on 1/18/2024 in #front-end

[update] done inverted corner not able to achieve animation?

oh really? i think i can recreate this in your project as well

34 replies

KPCKevin Powell - Community

•Created by ullaskunder on 1/18/2024 in #front-end

[update] done inverted corner not able to achieve animation?

https://codepen.io/Cubiq/pen/MWxmwNQ hope this is it <3

34 replies

KPCKevin Powell - Community

•Created by ullaskunder on 1/18/2024 in #front-end

[update] done inverted corner not able to achieve animation?

No description

34 replies

KPCKevin Powell - Community

•Created by ullaskunder on 1/18/2024 in #front-end

[update] done inverted corner not able to achieve animation?

working on my solution, i wanna polish it a bit so it may take some time..

34 replies

KPCKevin Powell - Community

•Created by ullaskunder on 1/18/2024 in #front-end

[update] done inverted corner not able to achieve animation?

ah yes xd, ill finally create simple demo pen for that

34 replies