quickshell/quickshell-web
3
1
Fork 0
Code Issues Projects Activity

autoplay,autoscroll done, added spinning logos

Browse source
This commit is contained in:
Xanazf 2024-11-08 18:36:19 +02:00
parent 57f3c5f3f0
commit 624265be02
No known key found for this signature in database
GPG key ID: 4E4A5AD1FB748427
9 changed files with 241 additions and 109 deletions
Download patch file Download diff file Expand all files Collapse all files

47
src/styles/components/featurelist.css
View file

@ -59,6 +59,53 @@
border-radius: 0.681rem;
}
.feature-showcase.cloud {
position: relative;
max-width: 345.717px;
border-radius: 100vh;
animation: spin 40s linear infinite;
& .cloud-item {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
width: 60px;
height: 60px;
animation: counter-spin 40s linear infinite;
&.hyprland {
left: 60px;
top: 60px;
}
&.wayland {
right: 60px;
top: 60px;
}
& img {
width: 60px;
height: 60px;
}
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes counter-spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(-360deg);
}
}
@media (min-width: 68rem) {
.featurelist {
max-width: 75rem;