Difference between revisions of "User:Zeklyn/april/Page.css"

Revision as of 13:32, 29 March 2019

#welcome-text-wrapper {
        margin-top: 150px !important;
}
   
 
.top-text {
    -webkit-user-select: none;
    -moz-user-select: none;
    color: #3668D3;
    background: #FFFF00;
    position: absolute;
    font-size: 1.3rem;
    margin-top: -125px;
    margin-left: 30px;
    animation: top-text 1.2s infinite;
    animation-timing-function: ease-in-out;
    animation-direction: alternate;
}
 
@keyframes top-text {
    from {transform: rotate(-5deg);}
    to {transform: rotate(5deg);}
}
 
.bottom-text {
    -webkit-user-select: none;
    -moz-user-select: none;
    color: #3668D3;
    background: #FF00FF;
    position: absolute;
    transform: rotate(-5deg);
    margin-top: -3.5rem;
    margin-left: 4.5rem;
    animation: bottom-text 1s infinite;
    animation-timing-function: ease-in-out;
    animation-direction: alternate;
}
 
@keyframes bottom-text {
    from {transform: scale(0.9);}
    to {transform: scale(1);}
}
 
.vertically-centered-text {
    -webkit-user-select: none;
    -moz-user-select: none;
    color: #fff;
    background: #00FF00;
    -webkit-text-stroke: 1.5px #E4812E;
    position: absolute;
    font-weight: bold;
    font-size: 2.2rem;
    margin-top: -110px;
    padding: 2px;
    animation: vertically-centered-text 4s infinite;
    animation-timing-function: ease-in-out;
    animation-direction: alternate;
}
 
@keyframes vertically-centered-text {
    from {transform: rotate(1deg);}
    to {transform: rotate(-8deg);}
}