现已上线！2025 年 Telegram 研究 — 年度关键洞察 
Фронтенд Гайд
前往频道在 Telegram
Канал для фронтендеров, много полезных лайфхаков, фичей, макетов, тестов! Все представлено в виде готового кода, бери и юзай в своем проекте. 6ad1a2aabe82d4fbb0d6
显示更多7 834
订阅者
-624 小时
+1 5847 天
+1 52230 天
帖子存档
7 834
Жидкая кнопка.
Сделана из svg картинки, при движении курсора по кнопке меняется её внешний вид с помощью JS.
7 834
Анимированная версия входа в google.
Реализована на CSS + JS.
Можно с легкостью переделать под свой проект.
7 834
Слайдер-карточка с анимацией
Реализовано с использованием Haml и SCSS. Скрипт написан на языке CoffeeScript.
7 834
Табы
Реализовано на JS.
В табах находятся svg-картинки, при нажатии на которые применяются CSS стили.
7 834
Карточки с красивой анимацией
Для реализации задействованы Pug и SCSS. При наведении на карточку, к ней применяется CSS свойство transform.
7 834
Анимированная кнопка загрузки
При нажатии стартует CSS анимация.
С помощью JS меняется надпись на кнопке.
7 834
Анимированные социальные кнопки
Интересные иконки на чистом CSS, при наведении показываются всплывающие названия.
7 834
Анимированная кнопка "В Корзину"
При нажатии на кнопку запускается интересная анимация.
Кнопка есть в двух цветах - Белый и Черный.
7 834
Карточка с hover эффектом
При наведении курсора на карточку, задействуются CSS анимации и трансформации, которые создают уникальный эффект раскрытия.
7 834
Меню
При раскрытии меню задействуются CSS трансформации, которые перемещают элементы меню.
