You've already forked ProfessionalWebsite
Fixed Links & Blog
Update links in navbar to fix incorrect href tags (nesting of html files) Renamed 'blog' folder to 'posts' to prevent blog.html loading errors (without html extension) Signed-off-by: Alexander Davis <alex@adcm.uk>
This commit is contained in:
49
export/assets/css/animations.compiled.css
Normal file
49
export/assets/css/animations.compiled.css
Normal file
@@ -0,0 +1,49 @@
|
||||
.rainbow-border:hover {
|
||||
--border-angle: 0turn;
|
||||
--main-bg: conic-gradient(
|
||||
from var(--border-angle),
|
||||
var(--bs-primary),
|
||||
#112 5%,
|
||||
#112 60%,
|
||||
#213 95%
|
||||
);
|
||||
border: solid 5px transparent;
|
||||
border-radius: 5px;
|
||||
--gradient-border: conic-gradient(from var(--border-angle), transparent 25%, var(--bs-primary), var(--bs-secondary) 99%, transparent);
|
||||
background: var(--main-bg) padding-box, var(--gradient-border) border-box, var(--main-bg) border-box;
|
||||
background-position: center center;
|
||||
animation: bg-spin 3s linear infinite;
|
||||
}
|
||||
@keyframes bg-spin {
|
||||
to {
|
||||
--border-angle: 1turn;
|
||||
}
|
||||
}
|
||||
|
||||
@property --border-angle {
|
||||
syntax: "<angle>";
|
||||
inherits: true;
|
||||
initial-value: 0turn;
|
||||
}
|
||||
@keyframes colour-change {
|
||||
0% {
|
||||
background: linear-gradient(120deg, var(--bs-primary), var(--bs-secondary));
|
||||
}
|
||||
50% {
|
||||
background: linear-gradient(120deg, var(--bs-secondary), var(--bs-primary), var(--bs-secondary));
|
||||
}
|
||||
100% {
|
||||
background: linear-gradient(120deg, var(--bs-secondary), var(--bs-primary));
|
||||
}
|
||||
}
|
||||
@keyframes reverse-colour-change {
|
||||
0% {
|
||||
background: linear-gradient(120deg, var(--bs-secondary), var(--bs-primary));
|
||||
}
|
||||
50% {
|
||||
background: linear-gradient(120deg, var(--bs-primary), var(--bs-secondary), var(--bs-primary));
|
||||
}
|
||||
100% {
|
||||
background: linear-gradient(120deg, var(--bs-primary), var(--bs-secondary));
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user