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

JavaScript funkcja window.sr = ScrollReveal(); nie działa dla elementu który ma w CSS efekt transition.

0 głosów
128 wizyt
pytanie zadane 24 maja 2017 w JavaScript, jQuery, AJAX przez MMM4CI3J Użytkownik (500 p.)
<script src="https://unpkg.com/scrollreveal/dist/scrollreveal.min.js"></script>
<script>
window.sr = ScrollReveal();
sr.reveal('.cat',
 { duration: 750 ,
 origin: 'bottom',
 distance: '30px',
 opacity: 0,
 });
</script>

W tym wypadku funkcja działa jak powinna

.cat
{
	background-color: #333;
	float: left;
	width: 380px;
	height: 197px;
	margin: 10px;
	text-align: center;
	padding: 50px;
	font-size: 20px;
	text-align: center;
	color: white;
	position: relative;
	display: block;

}
.cat:hover
{
	background-color: #6E2828;
	
}

W tym już nie



.cat
{
	background-color: #333;
	float: left;
	width: 380px;
	height: 197px;
	margin: 10px;
	text-align: center;
	padding: 50px;
	font-size: 20px;
	text-align: center;
	color: white;
	position: relative;
	display: block;
	transition: all 250ms ease-out;
}
.cat:hover
{
	background-color: #6E2828;
	
}

Czy da się to pogodzić? Jesli tak to jak? Z góry dziękuję.

1 odpowiedź

+1 głos
odpowiedź 24 maja 2017 przez Comandeer Mentor (465,600 p.)

A zrobienie jakiegoś kontenera, do którego wsadzisz .cat, i pokazanie tego kontenera.

komentarz 24 maja 2017 przez MMM4CI3J Użytkownik (500 p.)
No tak. Wszystko działa. Wystrczyło trochę pomyśleć.

Podobne pytania

0 głosów
1 odpowiedź 91 wizyt
pytanie zadane 26 czerwca 2017 w JavaScript, jQuery, AJAX przez czujek22 Mądrala (7,160 p.)
0 głosów
1 odpowiedź 152 wizyt
pytanie zadane 9 września 2018 w HTML i CSS przez bulit000 Początkujący (450 p.)
0 głosów
1 odpowiedź 62 wizyt
Porady nie od parady
Komentarze do pytań nie służą do odpowiadania, od tego jest wydzielona sekcja odpowiedzi. Funkcją komentarzy jest natomiast możliwość uzyskania dodatkowych informacji na temat samego posta.Komentarze

67,231 zapytań

114,191 odpowiedzi

242,029 komentarzy

45,639 pasjonatów

Przeglądających: 111
Pasjonatów: 1 Gości: 110

Motyw:

Akcja Pajacyk

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

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...