• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

question-closed Obrazek ma przesuwać się w lewą stronę, a nie w dół

Object Storage Arubacloud
0 głosów
208 wizyt
pytanie zadane 4 kwietnia 2020 w HTML i CSS przez Krzysiek_34 Mądrala (6,140 p.)
zamknięte 22 kwietnia 2020 przez Krzysiek_34

Witam.

Tak wygląda kod:
https://jsfiddle.net/Krzysiek_35/k0e8dyx3/69/

Tak wygląda cały roboczy obrazek:
https://cdn.pixabay.com/photo/2016/02/03/13/33/bernese-mountain-dog-1177072_640.jpg

Gdy najedzie się kursorem na ciemne tło z napisem: Strona internetowa, to obrazek przesuwa się w dół. Zauważcie, że ten obrazek roboczy jest prostokątny. Obrazek jako nieruchomy ma być wyświetlany w połowie (od lewej strony do połowy). Chciałbym, aby cała zawartość obrazka przesuwała się w lewą stronę wyświetlając także jego całą prawą stronę.

Czy wiecie jak to zrobić ?

Czy w ogóle da się tak zrobić ?

Będę bardzo wdzięczny za fachową pomoc.

komentarz zamknięcia: Problem został rozwiązany

1 odpowiedź

+1 głos
odpowiedź 4 kwietnia 2020 przez lapa19904 Stary wyjadacz (11,560 p.)
.text:hover + .logo {
	background-position: -51px 0px;
}

 

komentarz 4 kwietnia 2020 przez Krzysiek_34 Mądrala (6,140 p.)
Teraz wygląda to tak:

https://jsfiddle.net/Krzysiek_35/k0e8dyx3/72/

Z jednej strony jest dobrze, bo kierunek przesuwania jest prawidłowy.

Zauważ, że prawą stronę obrazka widać tylko w połowie.

Później pokombinuję jak rozwiązać to...
komentarz 22 kwietnia 2020 przez Krzysiek_34 Mądrala (6,140 p.)

Wystarczyła tylko taka poprawka i teraz działa dobrze:

.text:hover + .logo
{
	background-position: 100% 0px;
}

 

Podobne pytania

0 głosów
1 odpowiedź 2,067 wizyt
pytanie zadane 8 maja 2017 w HTML i CSS przez Marti12393 Nowicjusz (170 p.)
+1 głos
1 odpowiedź 428 wizyt
pytanie zadane 15 maja 2018 w HTML i CSS przez Newaz Użytkownik (880 p.)
0 głosów
1 odpowiedź 476 wizyt
pytanie zadane 27 grudnia 2015 w HTML i CSS przez niezalogowany

92,669 zapytań

141,567 odpowiedzi

320,033 komentarzy

62,034 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...