Skocz do zawartości

Witaj na forum webmasterów Webax.pl.

Wyświetl nową zawartość

Pokazywanie się obrazka po najechaniu na Niego

- - - - -

  • Zaloguj się, aby dodać odpowiedź
4 odpowiedzi w tym temacie
piotrek94
piotrek94

    Żółtodziób

  • Użytkownik
  • Pip
  • 3 postów
#1

Napisano 21 listopad 2013 - 18:24

Witam

Mam pytanie, da się tak zrobić że najpierw obrazek jest niewidoczny, a po najechaniu na Niego się pokazuje ?

Próbowałem różnych metod i mi nie wychodziło.

Jakiś skrypt, albo efektem :hover w CSS'ie da się takie coś uzyskać ?

Czekam na odpowiedź,
Pozdrawiam ! :-)



Michał
Michał

    Początkujący

  • Aktywny
  • 88 postów
#2

Napisano 21 listopad 2013 - 18:31

Opacity (przezroczystość).
 
Ewentualnie:

display: none;

 
 podczepione pod jakiś element.
 
CSS:
 

.element2 {
    display: none;
}

.element1:hover + .element2 {
    display: block;
}

Michał- dawniej- Michu.


Comandeer
Comandeer

    Stały bywalec

  • Developer
  • 457 postów
#3

Napisano 21 listopad 2013 - 19:23

na opacity można nałożyć ładną animację poprzez transition

Moje tutoriale

Ad hominem attacks are valid arguments, and you are an idiot.


hightower
hightower

    Początkujący

  • Aktywny
  • 112 postów
#4

Napisano 24 listopad 2013 - 10:57

albo jquery fajne podświetlenia wybranej klasy, wtedy ustawiasz tylko klase i masz :)


Projektujemy nowoczesne, funkcjonalne serwisy internetowe. Głównie nastawieni jesteśmy na przejrzystość i czytelność przekazu tworzonego serwisu.Kreujemy tylko indywidualne koncepcje od podstaw wg. swojej własnej stylistyki. Tworzenie stron hauerpower.com oraz blog z inspiracjami - inspiracje i ciekawostki ze świata grafiki na naszym facebooku.

Comandeer
Comandeer

    Stały bywalec

  • Developer
  • 457 postów
#5

Napisano 24 listopad 2013 - 15:24

ehh... jQuery dla samego podświetlenia to czysty bezsens. 2 linijki CSS vs 30KB zminifikowanego kodu. a transitions działają wszędzie, oprócz starych IE. więc nie widzę sensu pchania do tego JS

Moje tutoriale

Ad hominem attacks are valid arguments, and you are an idiot.





Użytkownicy przeglądający ten temat: 0

0 użytkowników, 0 gości, 0 anonimowych