TGViewer
HTML Academy HTML Academy @htmlacademy · 9.54K subscribers
Post #8091 1.33K
Показываем процесс создания галереи со скользящим hover-эффектом

Этот код создает адаптивную галерею с красивым скользящим эффектом при наведении:

🔴 плавное поднятие элемента при наведении,
🔴 увеличение изображения с эффектом зума,
🔴 скользящее появление текстового описания снизу,
🔴 адаптивная сетка на CSS Grid,
🔴 элегантные тени и градиенты,
🔴 кнопка для копирования кода.

Вы можете легко адаптировать этот код под свои нужды, изменив цвета, размеры или добавив дополнительные эффекты. Галерея отлично смотрится на любых экранах и устройствах.
  • 👍 9
  • 🔥 9
  • ❤‍🔥 3
  • ❤ 1
More from @htmlacademy
  1. Oct 2, 2026anchor() – царица якорей Функция anchor() живёт внутри большинства сложных демок и крутых…
  2. Sep 25, 2026Скругления в неожиданных местах Скругления хороши в углах блоков, а в других местах они пр…
  3. Sep 25, 2026👍 С 25 по 27 сентября условия покупки курса или профессии предлагаете вы. Мы назвали это…
  4. Sep 18, 2026CSS shape() — фича больших надежд CSS начал вырастать из коротких штанишек квадратного веб…
  5. Sep 17, 2026🔴 Вместе с OKTTA запускаем совместную программу обучения фронтенд-разработчиков Нужна ли…
  6. Sep 16, 2026Завтра спросим у работодателя, что джун должен уметь без нейросети Эфир с руководителем ст…
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →