User:Agent Isai/vector.css
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
#p-logo {
position: relative;
margin-top: 0px;
width: 10em;
height: 160px;
top: 0;
}
#p-logo::before {
content: "DEV";
letter-spacing: 4px;
display: block;
position: absolute;
bottom: 1em;
background: #C6FFE0;
color: #333;
font: bold 17px/1 sans-serif;
opacity: 0.9;
border: 3px solid #007092;
border-radius: 2em;
text-align: center;
padding: 0.5em 1em;
box-sizing: border-box;
width: 100%;
transform: rotate(-10deg);
pointer-events: none;
transition: transform 0.2s ease-out; /* transition out */
}
#p-logo:hover::before {
transition: transform 0.5s ease; /* transition in */
transform: rotate(0deg);
}