You've already forked ProfessionalWebsite
Version 1.0
Finished optimising all assets including conversion of all images to WebP. Added all Credly badges to accreditations slider Reorganisation of image assets Attaching ALT Text to all imagery Removal of .html extension on all pages
This commit is contained in:
@@ -1,49 +0,0 @@
|
||||
.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