Jak uzyskać efekt przybliżenia zdjęcia

  • herb_garden

    (@herb_garden)


    10 lat, 4 miesiące temu

    Witam, chciałbym się dowiedzieć czy istnieje jakaś wtyczka, a może inny sposób, który spowoduje taki efekt. Chodzi mi o to by po najechaniu kursorem na zdjęcie, delikatnie przybliżało się. Nie wiem jak to bardziej fachowo określić dlatego podaję link do strony gdzie takie coś jest zastosowane:
    http://innestudio.pl/portfolio

Zobacz 3 odpowiedzi - od 1 do 3 (z 3 łącznie)
  • bonson

    (@bonson)

    10 lat, 4 miesiące temu

    Żadna wtyczka nie jest potrzebna. Najlepiej zrobić jak na tym zdjęciu.
    – do głównego zdjęcia dodać: background-size: 100% 100%;
    – a następnie w hover wstawić: background-size: 103% 103%; (im większy % tym większe przybliżenie)

    Efekt nazywa się: Zoom In – i z pewności są wtyczki.
    Ogólnie są jeszcze inne sposoby aby osiągnąć taki efekt ale ten jest chyba najłatwiejszy.

    Twórca wątku herb_garden

    (@herb_garden)

    10 lat, 4 miesiące temu

    Ale ja bym to chciał tylko na jednej stronie, a rozumiem, że to co napisałeś to zmiana całego CSS?
    Jest może jakiś kod do wstawienia na stronę, który to załatwi?

    Sorry jestem laikiem.

    bonson

    (@bonson)

    10 lat, 4 miesiące temu

    Niekoniecznie do całej strony zależy jak jest css napisany. Najłatwiej dodać styl a następnie dodać go do div.

    Podaj adres strony i miejsce gdzie to ma być wyświetlone.
    Jak uda mi się znaleźć wtyczkę to wkleję link.

Zobacz 3 odpowiedzi - od 1 do 3 (z 3 łącznie)

Temat ‘Jak uzyskać efekt przybliżenia zdjęcia’ jest zamknięty na nowe odpowiedzi.