ZenBrowserMirrors/www
1
0
Fork 0
mirror of https://github.com/zen-browser/www.git synced 2025-07-08 09:20:00 +02:00
Code Issues Projects Releases Packages Wiki Activity

Fix: simplify image transformation styles in HomeExtras component

Browse source
This commit is contained in:
mr. M 2024-12-22 13:26:22 +01:00
parent b3bc7fe2cf
commit bc56daf776
No known key found for this signature in database
GPG key ID: CBD57A2AEDBDA1FB
1 changed files with 6 additions and 26 deletions
Download patch file Download diff file Expand all files Collapse all files

32
src/components/HomeExtras.astro
View file

@ -34,36 +34,16 @@ import { ArrowRight } from 'lucide-astro';
</section>
<style>
#browser-images {
& img {
transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
& img:nth-child(1) {
transform: rotate(5deg) scale(1.05) translateX(-52%) translateY(-10%);
}
&:hover {
& img:nth-child(1) {
transform: rotate(5deg) scale(1.05) translateX(-52%) translateY(-10%);
}
& img:nth-child(2) {
transform: rotate(2deg) scale(1.05) translateX(-50%) translateY(10%);
}
& img:nth-child(3) {
transform: rotate(-5deg) scale(1.05) translateX(-50%) translateY(-10%);
}
& img:nth-child(2) {
transform: rotate(2deg) scale(1.05) translateX(-50%) translateY(10%);
}
@media (max-width: 1000px) {
& img:nth-child(1) {
transform: rotate(5deg) scale(1.05) translateX(-52%) translateY(-10%);
}
& img:nth-child(2) {
transform: rotate(2deg) scale(1.05) translateX(-50%) translateY(10%);
}
& img:nth-child(3) {
transform: rotate(-5deg) scale(1.05) translateX(-50%) translateY(-10%);
}
& img:nth-child(3) {
transform: rotate(-5deg) scale(1.05) translateX(-50%) translateY(-10%);
}
}
</style>