Hello,
I'm trying to figure out how to change the main menu links ( https://demos.outofthesandbox.com/?theme=Flex&style=Fresh ) into buttons similar to this https://gamefuel.com/
So I spent the last couple hours teaching myself css and basically figured it out (for the most part), so for anyone wondering:
a.navbar-link.header__link{
background-color: #ffffff;
border-radius: 1px;
border-top-style: solid;
border-color: black;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
margin-top: 20px;
skewX(-10deg);
-moz-transform: skewX(-10deg);
-ms-transform: skewX(-10deg);
transform: skewX(-10deg);
}
The skew basically just gives it that shape, so you can remove "skew X" strings if you want a normal rectangle.
User | Count |
---|---|
23 | |
19 | |
18 | |
17 | |
16 |