How do I make a cool custom button

[Rubbereon]

I wanted to redesign my site, but give it more of my spice, make it better reflect my personality as an oddball cartoon fanatic furry, so I wanted my links to be buttons and the buttons to be bubbles. I found a helpful tutorial using the border property to make a good-looking outer layer, but now I want a glossy effect inside the buttons too.

This website is kind of what I'm trying to reproduce, well at least the buttons, but Kiophen uses png files for the buttons, I also considered maybe using svg which's what inkscape on linux for, so it's not like I'm out of options, but I'm not exactly familiar with svg it's just too different from bitmap formats.

[GideonWilhelm]

If I recall, it's easy to just export an SVG as a PNG or other bitmap format.  This might be something I fiddle with on the weekend, but I digress.  My first instinct is to open the inspector, and I find in the style editor (at least that's what firefox calls it, just the CSS) it looks like inline style sheet #2 has the jiggle animation when opening the navlinks, as well as some of the info about the navlinks class.  My go-to would be to copy some of those entries and play with them, see how close I can get to the reference.  It's how I rebuilt my page, I used vertpush as a reference to get the basics down