lucasoskorep/pretty-borders
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: adding animation for the window border

Browse Source
This commit is contained in:
Lucas Oskorep
2024-11-08 19:54:19 -05:00
parent 91213ed63a
commit 39ddbcd2bc
5 changed files with 175 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files
stylesheet.css
+15 -15
View File
@@ -1,14 +1,14 @@
/* Add your custom extension styling here */
.active-window-border {
border: 2px solid rgba(191, 0, 255, 0.8);
border-radius: 3px;
/*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;*/
/* 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;
/* !*!* Gradient border using border-image *!*/
/* border-image: linear-gradient(45deg, red, orange, yellow, green, blue, indigo, violet) 1;*/
}
@@ -16,14 +16,14 @@
/* 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;
}
}
/*@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;*/