Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <div id="nav" align="center">
- <img src="https://media.discordapp.net/attachments/1000687398008660080/1013383567746805861/menu.png" class="title">
- <a href="#home">home</a>
- <br>
- <a href="#about">about</a>
- <br>
- <a href="#rules">rules</a>
- </div>
- <style>
- @font-face {
- font-family: tebal;
- src: url(https://dl.dropbox.com/s/7hl5zpktyp1p2cs/tebal.ttf);
- }
- #nav {
- width: 80px;
- height: 102px;
- padding: 7px 3px 7px 3px;
- border-radius: 3px;
- border: 0.75px solid #E0AFB6;
- background: linear-gradient(#bd8088, #fff);
- overflow: hidden;
- }
- #nav a {
- text-decoration: none;
- color: #fff;
- font: 15px tebal;
- -webkit-text-stroke: 0.4px #bd8088;
- line-height: 1.3;
- box-shadow: inset 0 0 0 0 transparent;
- transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
- }
- #nav a:hover {
- color: #bd8088;
- -webkit-text-stroke: 0.4px #fff;
- box-shadow: inset 100px 0 0 0 transparent;
- }
- .title {
- filter: drop-shadow(0.5px 0.5px 0 white) drop-shadow(-0.5px 0.5px 0 white) drop-shadow(0 1px 0 white) drop-shadow(0 -0.5px 0 white) drop-shadow(0 0.5px 0.7px white) drop-shadow(0 -0.5px 0.7px white) drop-shadow(0.5px -0.5px 0.7px white) drop-shadow(-0.5px -0.5px 0.7px white);
- width: 63px;
- height: 22px;
- }
- </style>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement