User:Culi/common.css: Difference between revisions
fancy button?
No edit summary |
(fancy button?) |
||
Line 2:
color: #233;
font-family: sans-serif;
}▼
#content .fancy-button {▼
padding: 0.25rem;▼
border-radius: 0.15rem;▼
background-color: #233;▼
}
#content a {
font-weight: 600;
color: inherit;
text-decoration: none;
transition: all 0.2s ease-in-out;
}
Line 18 ⟶ 13:
#content a:hover {
color: #1c7ed6;
▲}
▲#content .fancy-button {
position: relative;
border: 2px solid #233;
▲ border-radius: 0.15rem;
}
#content .fancy-button::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
transform: translate(10px, 10px);
transition: transform 0.25s ease-in-out;
}
#content .fancy-button:hover::after {
transform: translate(0, 0);
}
#content .fancy-button > a {
width: 100%;
height: 100%;
}
| |||