Полезная вЁрстка
前往频道在 Telegram
Канал про вёрстку. Готовые решения повседневных задач с которыми сталкиваются верстальщики и фронтендеры. Пригласить друга: @code_advantage Сотрудничество: @noname_media Канал на бирже: telega.in/channels/+nSuZ30BALUg1Zjdi/card?r=Wj7h1mbl № 4953335238
显示更多7 934
订阅者
-324 小时
-147 天
-7930 天
帖子存档
7 933
Google button click effect — кнопка с эффектом при нажатии как у Google. Реализована с помощью SCSS и JavaScript.
#анимация #scss #js
7 933
Realistic Red Switch — реалистичная кнопка включения/выключения. Реализованы с помощью Pug и SCSS.
#анимация #scss
7 933
Magnetic Hover Interaction — иконки социальных сетей с эффектом при наведении. Реализованы с помощью SCSS и JavaScript.
#анимация #scss #js
7 933
Social Media Icons with Popups — иконки социальных сетей с эффектом при наведении. Реализованы с помощью CSS.
#анимация #css
7 933
Progress Button — анимированная кнопка с отображением прогресса. Реализована с помощью SCSS, SVG и JavaScript.
#анимация #scss #svg #js
7 933
Download progress animation — анимированная кнопка "скачать". Реализована с помощью SCSS, SVG и JavaScript.
#анимация #scss #svg #js
7 933
CSS Minimal Dark Mode Toggle Button — переключатель темной темы в стиле минимализма. Реализован с помощью SCSS и SVG.
#анимация #scss #svg
7 933
Split Card Hover Effect — анимированная кнопка с эффектом конфетти при нажатии. Реализована с помощью SCSS, SVG и JavaScript.
#анимация #scss #svg #js
7 933
Split Card Hover Effect — карточки с эффектом при наведении. Реализованы с помощью SCSS, Pug и JavaScript.
#анимация #scss #js
7 933
Context menu with Feather icons — стилизованное контекстное меню. Реализовано с помощью SCSS и JavaScript.
#анимация #scss #js
7 933
Smash to submit button — интересное исполнение кнопки "подписаться". Реализовано с помощью SCSS, SVG и JavaScript.
#анимация #scss #svg #js
7 933
WebGL Apple Cards — анимированные карточки с эффектом при наведении. Реализованы с помощью CSS и JavaScript.
#анимация #css #js
7 933
👩💻👩💻👩💻👩💻👩💻👩💻👩💻👩💻👩💻👩💻👩💻
Сливаем вам базу с курсами и книгами от известных онлайн школ по Frontend:
(23 ГБ) — Основы веба
(46 ГБ) — HTML/CSS/Верстка
(53 ГБ) — JavaScript
(31 ГБ) — React
(17 ГБ) — TypeScript
(33 ГБ) — Vue / Angular / Svelte
(56 ГБ) — Webpack / Vite / Git
(43 ГБ) — Next.js / Nuxt.js
(68 ГБ) — Figma и Веб-дизайн
(76 ГБ) — Анимации и UI/UX
(44 ГБ) — WordPress
(37 ГБ) — Архитектура фронтенда
(21 ГБ) — Тестирование фронта
Скачивать ничего не нужно — все выложили в Telegram
7 933
Let there be light — анимированный переключатель темной темы. Реализован с помощью CSS, SVG и JavaScript.
#анимация #css #svg #js
7 933
Card hover effect — карточки с эффектом при наведении. Реализованы с помощью SCSS, SVG и JavaScript.
#анимация #scss #svg #js
7 933
animated Mini Photo Gallery — анимированная мини-галерея. Реализован с помощью CSS.
#анимация #css
7 933
Cascading CSS Text Effects — Большой набор эффектов для текста. Реализован с помощью CSS и JavaScript.
#анимация #css #javascript
7 933
Interactive Liquid Footer (just divs) — Интерактивный подвал в виде волны для вашего сайта. Реализован с помощью CSS и JavaScript.
#анимация #css #javascript
7 933
Bird and text parallax — Прокрутка страницы с эффектом параллакса и движения объектов. Реализовано с помощью чистого CSS.
#анимация #css
7 933
+8
⚡️ Frontend теперь в Telegram!
Ребята создали крутейший канал, где на простых картинках и понятном языке обучают фронтенду, делятся полезными инструментами и фишками
Подписывайтесь: @FrontendPortal
