Site Notice
hello, world
Difference between revisions of "User:机智的小鱼君/common.css"
From Project-EPB Commons
([InPageEdit] 没有编辑摘要) Tag: Blanking |
([InPageEdit] 没有编辑摘要) |
||
| Line 1: | Line 1: | ||
| − | + | [title] { | |
| + | position: relative; | ||
| + | } | ||
| + | [title]:after { | ||
| + | content: attr(title); | ||
| + | background: white; | ||
| + | box-shadow: 0 0 4px #aaa; | ||
| + | position: absolute; | ||
| + | bottom: 2em; | ||
| + | padding: 1px 4px; | ||
| + | color: #252525; | ||
| + | font-size: small; | ||
| + | font-weight: normal; | ||
| + | opacity: 0; | ||
| + | transition: opacity .2s; | ||
| + | left: -99999px; | ||
| + | display: block; | ||
| + | } | ||
| + | [title]:hover:after { | ||
| + | left: 0; | ||
| + | opacity: 1; | ||
| + | } | ||
Revision as of 01:35, 7 March 2020
[title] {
position: relative;
}
[title]:after {
content: attr(title);
background: white;
box-shadow: 0 0 4px #aaa;
position: absolute;
bottom: 2em;
padding: 1px 4px;
color: #252525;
font-size: small;
font-weight: normal;
opacity: 0;
transition: opacity .2s;
left: -99999px;
display: block;
}
[title]:hover:after {
left: 0;
opacity: 1;
}
