phyrasaur
phyrasaur
PostsComments
KPCKevin Powell - Community
Created by phyrasaur on 7/19/2023 in #front-end
stroke-dasharray is not full pathLength
in js line #27, I have to double the gap in the dasharray or else the linecap of the next dash will show up I'm not sure where I did wrong blobthink https://codepen.io/petpeeve/pen/oNQdpvL
1 replies
KPCKevin Powell - Community
Created by phyrasaur on 5/28/2023 in #front-end
hexagon button with border-radius and border using trigonometry
I'm trying to make a perfectly customizable hexagonal button using just css. So far I still have to use 2 magic numbers for height and translateX. I dunno what's wrong with my math <:pepo_cry:804221412172365834> https://play.tailwindcss.com/1gE4l0GgpT?file=css
64 replies
KPCKevin Powell - Community
Created by phyrasaur on 2/14/2023 in #front-end
scrollable marquee
I want a marquee that: 1. scrollable (ideally without reimplementing scroll function) 2. continuous 3. change speed on hover This is my weird take but I notice on a higher "speed", scrollTo doesn't appear smooth? https://codepen.io/petpeeve/pen/rNZNvoJ
1 replies
KPCKevin Powell - Community
Created by phyrasaur on 2/5/2023 in #front-end
Can someone explain `size` of an `input` to me?
How it differs from width? https://play.tailwindcss.com/bOoWqngs03
23 replies
KPCKevin Powell - Community
Created by phyrasaur on 1/1/2023 in #front-end
Halftone over gradient using SVG
Is it possible to create an SVG filter stack to convert a gradient to a halftone? I found this but I would prefer an SVG filter over canvas: http://anderoonies.github.io/projects/halftone/#generating-halftones
7 replies
KPCKevin Powell - Community
Created by phyrasaur on 12/5/2022 in #ui-ux
Isometric illustrations to explain a service blueprint
What is the fastest and most efficient workflow to create flat isometric assets? Any tips? Particularly for creating everyday objects and interiors
8 replies