A button with the functionality of jumping to a given page once pressed.
- On click, go to: Dropdown list, allowing for selection of which page to go to once the button is pressed.
- Background image url: Allows for setting the button's background. Refer to here for further information.
- font-size: ...
Setting the fontsize to properly display on most resolutions requires some tinkering around. The best approach so far is to utilize a combination the min-operator, as well as the viewport-width and viewport-height:
min(2.5vw, 4vh)
This takes the minimum of 2.5% of the width of the screen and 4% of the height of the screen. Choosing the same value for both, e.g. min(2.5vw, 2.5vh) yields consistent results.
- margin: 0
Remove the margin around the element, assuring it is at the exact specified position.
- background-color: #XXXXXX
Select a background color for this element.
- border-radius: {Xpx, X%}
Give the edges of the element a radius, making them curved and resulting in a semi-circular element.