• 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ół

Aruba Cloud - Virtual Private Server VPS
0 głosów
251 wizyt
pytanie zadane 4 kwietnia 2020 w HTML i CSS przez Krzysiek_34 Mądrala (6,350 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,350 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,350 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,253 wizyt
pytanie zadane 8 maja 2017 w HTML i CSS przez Marti12393 Nowicjusz (170 p.)
+1 głos
1 odpowiedź 491 wizyt
pytanie zadane 15 maja 2018 w HTML i CSS przez Newaz Użytkownik (880 p.)
0 głosów
1 odpowiedź 640 wizyt
pytanie zadane 27 grudnia 2015 w HTML i CSS przez niezalogowany

93,327 zapytań

142,323 odpowiedzi

322,396 komentarzy

62,657 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

Wprowadzenie do ITsec, tom 1 Wprowadzenie do ITsec, tom 2

Można już zamawiać dwa tomy książek o ITsec pt. "Wprowadzenie do bezpieczeństwa IT" - mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy aż 15% zniżki! Dziękujemy ekipie Sekuraka za fajny rabat dla naszej Społeczności!

...