How can I recreate the dropup menu from Nekos.Life JS, CSS, HTML

I would like to know how I could recreate the button in the bottom left corner using HTML

Something like:
image

image

Something like this:
Html:

<button class="pink-round">+</button>

You could alternatively use a div instead of a button.
Css:

.pink-round {
  border-radius: 100%;
  background-color: pink; //might not be exactly the right colour
  color: white;
}

I hope this helps!

1 Like

This is more like a button, sorry I didn’t specify it in the post.

I have updated the post to show how it should look.

You might also need to specify an equal height and width for the div, along with some blank space entities before and after the + for the button to be correctly round.