testowy

Hurtownia Kosmetyczna Vanity Verified independent store

→

/* Adnotacja powyżej prostokątów */ .custom-annotation { text-align: center; font-size: 18px; font-weight: bold; margin-bottom: 20px; margin-top: 20px; } /* Kontener główny – dwa b oksy obok siebie */ .custom-container { display: flex; justify-content: center; /* ustawia boksy w poziomie, wyśrodkowane */ gap: 20px; /* odstęp między boksami */ max-width: 1200px; margin: 0 auto; /* wyśrodkowanie całego kontenera */ } /* Każdy pojedynczy boks owinięty linkiem */ .custom-box { display: block; /* upewniamy się, że link działa jako element blokowy */ position: relative; /* potrzebne do pozycjonowania tekstu */ overflow: hidden; /* ukrywa „wystające” fragmenty zdjęcia przy powiększeniu */ width: 500px; /* szerokość boksu */ height: 200px; /* wysokość boksu */ border-radius: 8px; /* zaokrąglenie rogów */ box-shadow: 0 2px 6px rgba(0,0,0,0.2); text-decoration: none; /* usuwa podkreślenie linku */ color: inherit; /* zachowuje ewentualny kolor tekstu */ } /* Obrazek wewnątrz boksu */ .custom-box img { width: 100%; height: 100%; object-fit: cover; /* zachowuje proporcje i przycina nadmiar */ transition: transform 0.5s ease; /* płynna animacja powiększenia */ } /* Efekt „ruchu” (powiększenia) przy najechaniu kursorem */ .custom-box:hover img { transform: scale(1.1); } /* Nakładany napis – pozycja absolutna */ .custom-title { position: absolute; top: 70%; left: 42%; transform: translate(-50%, -50%); color: #fff; /* biały tekst */ font-size: 24px; font-weight: bold; text-shadow: 1px 1px 2px rgba(0,0,0,0.7); /* lekkie cienie pod tekstem */ white-space: nowrap; /* zawsze w jednej linii */ }Adnotacja dla klientaProsimy o wpisanie w komentarzu do zamówienia rodzaju obicia i koloru płyty, które Państwo wybierają.Informujemy że na zdjęciach ukazany jest model podstawowy, zmiana wariantu może wiązać się ze zmianą ceny.Pierwszy prostokąt Wybierz Rodzaj Tapicerki Drugi prostokąt Wybierz Kolor Okleiny Show more