Animacja CSS z użyciem motody addClass() z JQuery

Animacja CSS z użyciem motody addClass() z JQuery
HellołHelloł
  • Rejestracja:prawie 10 lat
  • Ostatnio:ponad 8 lat
  • Lokalizacja:Kraków
  • Postów:37
0

Witam. Postaram się uprościć pytanie najbardziej jak mogę.

Chcę stworzyć animacje (dajmy na to wzmocnienie opacity z wartości 0 do pełnej 1)

Moja sytuacja wymaga uzycia jQuery i metody addClass. Po przewinięciu strony poniżej 200px jQuery doda klasę i dodanie tej klasy spowoduje przejście(transition). Opacity z 0 zmieni się na 1.
w takim przypadku w CSS trzeba zrobić tak:

Kopiuj
#mojeID{
        opacity: 0.1;
	-webkit-transition: opacity 2s ease;
	-moz-transition: opacity 2s ease;
	-o-transition: opacity 2s ease;
	transition: opacity 2s ease; 
}
#mojeID.klasaktorabededodawal{
opacity: 1;
}

Dlaczego w kodzie muszę wpisac #ID.klasa{ opacity: 1; } aby to działało? Czy jezeli jQuery dodaje klasę to nie mogę tej klasy zapisac osobno? Chciałbym zeby mi ktos wytłumaczył dlaczego musi to byc zapisane dokładnie tak: #ID.klasa ?

edytowany 2x, ostatnio: dzek69
dzek69
Formatuj kod poprzez <code=nazwa_jezyka> kod </code>, bo się pogniewamy ;)
dzek69
Moderator
  • Rejestracja:ponad 18 lat
  • Ostatnio:około 2 miesiące
  • Lokalizacja:Rzeszów
0

Krótko:
ID jest ważniejsze niż klasa. Regułą z samą klasą nie nadpiszesz reguły z ID.

Konkretnie:
https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity

Po polsku i konkretnie?
Nie wiem, szukaj w Google specyficznosc css.


Zarejestruj się i dołącz do największej społeczności programistów w Polsce.

Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.