Creating UI for game

I need to create a UI element for my project I have issue creating it and it's a little challenging

9 Replies

MHMDMSVIOP•8mo ago

I tried Clip-path but the borders are pain

border-top-left-radius: var(--border-radius-16);
border-top-right-radius: 550px 650px;
border-bottom-right-radius: 30px;
border-bottom-left-radius: var(--border-radius-16);

border-top-left-radius: var(--border-radius-16);
border-top-right-radius: 550px 650px;
border-bottom-right-radius: 30px;
border-bottom-left-radius: var(--border-radius-16);

this works but it's curved

MHMDMSVIOP•8mo ago

MarkBoots•8mo ago

unfortunatly this sketch doesnt provide enough information. it would be better to see a figma design with demo content en colors for background / border etc... with only borders it wont be possible to create such a slanted edge. a clip mask/path is probably needed

MHMDMSVIOP•8mo ago

sadly I don't have figma it's personal project hmmm I'll tri mask

MarkBoots•8mo ago

figma is free for personal use. an other graphic program is possible too. just something more than only a handdrawn thing

MHMDMSVIOP•8mo ago

is there any way to export css out of figma design ? any plugin or sth ...

MarkBoots•8mo ago

yea its possible

MHMDMSVIOP•8mo ago

thanks let me try I'll share result

MarkBoots•8mo ago

good luck

Gaming

Programming

Creating UI for game