Nová ukázka
Reset
Načíst z URL
Uložit a získat odkaz
Nevyplňujte
Napiště „nejsem robot“
▶
Přepnout zobrazení
Výsledek
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css"> <div class='accountToggle'> <a href='#'><i class='fas fa-user-secret'></i> Nickname</a> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.accountToggle{ position: fixed; top: 35%; clip-path: polygon( 11% 0%, 100% 0%, 100% 100%,0% 100%); background: radial-gradient(ellipse at 100% ,orange, red 250%); padding: 2% 8% 2% 2%; right: 20%; } .accountToggle i{ display:inline-block; line-height:14pt; margin-right: 5px; /* margin:6%;*/ } .accountToggle:hover{ cursor:pointer; } .accountToggle a{ color: black; text-decoration: none; font-size: 14pt; line-height:14pt; /* padding: 5%;*/ display: inline-block; /* margin-left: 5%;*/ }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>