726 PRZYKŁADÓW · HTML / CSS / JAVASCRIPT

Efekty przewijania strony

Sekcje sticky, parallax, paski postępu i odsłanianie treści podczas przewijania.

Otwórz konfiguratory ↗

28 przykładów

CSS

Sekcje sticky na zakładkę

Kolejne sekcje płynnie przykrywają poprzednie.

Zobacz kod i podgląd ↗CSS / JS

Pasek postępu czytania

Pokaż, ile treści zostało do końca.

Zobacz kod i podgląd ↗CSS / JS

Delikatny parallax

Dodaj odrobinę głębi podczas przewijania.

Zobacz kod i podgląd ↗CSS / JS

Powrót na górę strony

Wygodny skrót dla długich stron.

Zobacz kod i podgląd ↗CSS / JS

Pojawianie przy scrollowaniu

Odsłoń element, gdy wejdzie w kadr.

Zobacz kod i podgląd ↗CSS / JS

Aktywna sekcja w menu

Nawigacja nadąża za czytelnikiem.

Zobacz kod i podgląd ↗CSS / JS

Nagłówek zmieniany scrollem

Przezroczysty na starcie, pełny po przewinięciu.

Zobacz kod i podgląd ↗CSS / JS

Odsłanianie przy scrollu: fade od dołu

Fade od dołu. Edytuj treść i wygląd, a potem skopiuj kod.

Zobacz kod i podgląd ↗CSS / JS

Odsłanianie przy scrollu: fade od góry

Fade od góry. Edytuj treść i wygląd, a potem skopiuj kod.

Zobacz kod i podgląd ↗CSS / JS

Odsłanianie przy scrollu: fade z lewej

Fade z lewej. Edytuj treść i wygląd, a potem skopiuj kod.

Zobacz kod i podgląd ↗CSS / JS

Odsłanianie przy scrollu: fade z prawej

Fade z prawej. Edytuj treść i wygląd, a potem skopiuj kod.

Zobacz kod i podgląd ↗CSS / JS

Odsłanianie przy scrollu: zoom od środka

Zoom od środka. Edytuj treść i wygląd, a potem skopiuj kod.

Zobacz kod i podgląd ↗CSS / JS

Odsłanianie przy scrollu: zoom z oddalenia

Zoom z oddalenia. Edytuj treść i wygląd, a potem skopiuj kod.

Zobacz kod i podgląd ↗CSS / JS

Odsłanianie przy scrollu: wyostrzenie w kadrze

Wyostrzenie w kadrze. Edytuj treść i wygląd, a potem skopiuj kod.

Zobacz kod i podgląd ↗CSS / JS

Odsłanianie przy scrollu: obrót w kadrze

Obrót w kadrze. Edytuj treść i wygląd, a potem skopiuj kod.

Zobacz kod i podgląd ↗CSS / JS

Odsłanianie przy scrollu: przewrót pionowy

Przewrót pionowy. Edytuj treść i wygląd, a potem skopiuj kod.

Zobacz kod i podgląd ↗CSS / JS

Odsłanianie przy scrollu: przewrót poziomy

Przewrót poziomy. Edytuj treść i wygląd, a potem skopiuj kod.

Zobacz kod i podgląd ↗CSS / JS

Odsłanianie przy scrollu: sprężyste odsłonięcie

Sprężyste odsłonięcie. Edytuj treść i wygląd, a potem skopiuj kod.

Zobacz kod i podgląd ↗CSS / JS

Odsłanianie przy scrollu: obrót ze skosem

Obrót ze skosem. Edytuj treść i wygląd, a potem skopiuj kod.

Zobacz kod i podgląd ↗CSS / JS

Odsłanianie przy scrollu: odsłonięcie od lewej

Odsłonięcie od lewej. Edytuj treść i wygląd, a potem skopiuj kod.

Zobacz kod i podgląd ↗CSS / JS

Odsłanianie przy scrollu: odsłonięcie od prawej

Odsłonięcie od prawej. Edytuj treść i wygląd, a potem skopiuj kod.

Zobacz kod i podgląd ↗CSS / JS

Odsłanianie przy scrollu: odsłonięcie od góry

Odsłonięcie od góry. Edytuj treść i wygląd, a potem skopiuj kod.

Zobacz kod i podgląd ↗CSS / JS

Odsłanianie przy scrollu: odsłonięcie od dołu

Odsłonięcie od dołu. Edytuj treść i wygląd, a potem skopiuj kod.

Zobacz kod i podgląd ↗CSS / JS

Odsłanianie przy scrollu: wachlarz elementów

Wachlarz elementów. Edytuj treść i wygląd, a potem skopiuj kod.

Zobacz kod i podgląd ↗