jeff-downloader/public/css/index.css

103 lines
1.5 KiB
CSS
Raw Normal View History

2019-12-03 21:18:40 +01:00
.downloadbtn {
animation: colorchange 13s infinite;
animation-direction: alternate-reverse;
}
a:link {
color: #A0FF9A;
}
a:visited {
color: #A7FF56;
}
a:hover {
color: #DCFFA5 !important;
}
.checkbox:hover, .radio:hover {
color: lightgray !important;
}
.gradientBG {
background: rgb(59,44,207);
background: linear-gradient(90deg, rgba(59,44,207,1) 0%, rgba(140,41,151,1) 100%);
}
/* Grow */
.hvr-grow {
display: inline-block;
vertical-align: middle;
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
transition-duration: 0.3s;
transition-property: transform;
}
.hvr-grow:hover,
.hvr-grow:focus,
.hvr-grow:active {
transform: scale(1.1);
}
.fadein {
animation: fadein 2s;
}
.fadeout {
animation: fadeout 2s;
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
@keyframes fadeout {
from { opacity: 1; }
to { opacity: 0; }
}
@keyframes colorchange {
0% {
background-color: #ff2400;
color: white;
}
10% {
background-color: #e81d1d;
}
20% {
background-color: #e8b71d;
color: black;
}
30% {
background-color: #e3e81d;
}
40% {
background-color: #1de840;
color: white;
}
50% {
background-color: #1ddde8;
color: black;
}
60% {
background-color: #2b1de8;
color: white;
}
70% {
background-color: #dd00f3;
}
80% {
background-color: #dd00f3;
}
90% {
background-color: #ff2400;
}
100% {
background-color: #ff2400;
}
}