Lucas Oskorep
37 lines
1.1 KiB
CSS
37 lines
1.1 KiB
CSS
/* Add your custom extension styling here */
|
|
.active-window-border {
|
|
border: 2px solid rgba(191, 0, 255, 0.8);
|
|
border-radius: 3px;
|
|
|
|
border-image-source: linear-gradient(to left, #743ad5, #d53a9d);
|
|
/*border: 4px solid transparent;*/
|
|
/*border-radius: 5px;*/
|
|
|
|
/*/* Gradient border using border-image */
|
|
border-image: linear-gradient(45deg, red, orange, yellow, green, blue, indigo, violet) 1;
|
|
|
|
}
|
|
|
|
/*.border-gradient-purple {*/
|
|
/* border-image-source: linear-gradient(to left, #743ad5, #d53a9d);*/
|
|
/*}*/
|
|
|
|
@keyframes rainbow-border {
|
|
0% {
|
|
border-image: linear-gradient(0deg, red, orange, yellow, green, blue, indigo, violet, red) 1;
|
|
}
|
|
100% {
|
|
border-image: linear-gradient(360deg, red, orange, yellow, green, blue, indigo, violet, red) 1;
|
|
}
|
|
}
|
|
|
|
/*.active-window-border {*/
|
|
/* border: 4px solid transparent;*/
|
|
/* border-radius: 5px;*/
|
|
|
|
/* !* Initial gradient border *!*/
|
|
/* border-image: linear-gradient(0deg, red, orange, yellow, green, blue, indigo, violet, red) 1;*/
|
|
|
|
/* !* Apply animation *!*/
|
|
/* animation: rainbow-border 5s linear infinite;*/
|
|
/*}*/ |