Template:Asgore/styles.css

.asgore-wrap {
    position: relative;
    display: inline-block;
    cursor: pointer;
    outline: none;
    min-width: 9.5em;
}

.asgore-wrap::after {
    content: "i want to see yaoi of Asgore Dreemurr";
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap;
    opacity: 0;
    color: #202122;
}

.asgore-wrap:focus {
    animation: asgore-out 2s ease-in-out forwards;
}

.asgore-wrap:focus::after {
    animation: asgore-in 2s ease-in-out forwards;
}

@keyframes asgore-out {
    0%   { color: #202122; }
    40%  { color: transparent; }
    100% { color: transparent; }
}

@keyframes asgore-in {
    0%   { opacity: 0; }
    40%  { opacity: 1; }
    100% { opacity: 1; }
}
/* [[Category:Stylesheets]] */