templates/hugo-saasify-theme
1
0
Fork 0
mirror of https://github.com/chaoming/hugo-saasify-theme.git synced 2025-04-20 07:11:52 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Speed up client logos and testimonials animations on mobile view

Browse source
This commit is contained in:
Chaoming Li 2024-11-19 16:35:02 +11:00
parent 745accd112
commit e62cf189a3
2 changed files with 14 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
layouts/shortcodes/client-logos.html
View file

@ -70,4 +70,11 @@
.logo-scroll:hover .logos-slide.animate { .logo-scroll:hover .logos-slide.animate {
animation-play-state: paused; animation-play-state: paused;
} }
/* Mobile-specific animation speed */
@media (max-width: 768px) {
.logos-slide.animate {
animation: 15s slide infinite linear;
}
}
</style> </style>

7
layouts/shortcodes/testimonials.html
View file

@ -85,4 +85,11 @@
.testimonials-container:hover .testimonials-track.animate { .testimonials-container:hover .testimonials-track.animate {
animation-play-state: paused; animation-play-state: paused;
} }
/* Mobile-specific animation speed */
@media (max-width: 768px) {
.testimonials-track.animate {
animation: 15s testimonials-scroll infinite linear;
}
}
</style> </style>