CSS Фичи

ScrollTrigger Скролл для главной страницы сайта, реализованный с помощью SVG, CSS и JavaScript #скролл #css #js #svg

Dark mode toggle switcher Переключатель светлого и темного режима, реализованный на чистом CSS. #переключатель #css

​1 сентября начинается новый поток для будущих Frontend разработчиков! 😎Будет ли круто? Да! Будет ли полезно? Еще бы! Немного о нас: - Учим JS, не отвлекаясь на другие языки (только при необходимости);❗️ - Сверху к JS👀 - фреймворк Vue.js; - Много практической практики. Никаких искусственных примеров. Только те, которые встречаются в рабочих проектах🤯; - Начинаем с азов. Изучаем, что такое алгоритмы, синтаксис и архитектура, затем идем идете дальше. 😇Последние модули это реально очень непросто, но в результате ученики становятся реальными спецами, а не просто получают красивую бумажку об окончании курсов. Что нужно учитывать подавая заявку: - Курс не из простых.💪 Чтобы дойти до конца нужны терпение и упорство. Зато по окончании можно смело идти на стажера или джуна. - Учим с нуля, но не до самых примитивных примитивов. Гугли. И только потом задавай вопрос преподавателю.✅ - Маленькие группы - не больше 30 человек. Каждый получает достаточно внимания.🧐 - Срок обучения — 150 дней. - Тех, кто круто прошел обучение можем пригласить к нам на стажировку. Лучшим поможем трудоустроиться и подготовиться к первым собесам.🤓 За подробностями залетай на dev-house.online 🤠🤠🤠

Кнопка с анимацией конфетти. Кнопка подписки анимированная эффектом конфетти при нажатии. Довольно сложная, но красочная анимация. ❗ Использовались SCC(SCSS) И JS. #кнопка

Как реализовать красивый анимированный плеер радио потока с Shoutcast? Приводим пример с Codepen.

Карточка товара с анимированной рамкой Подобный блок имеет анимированную градиентную рамку и эффектом появления при наведении. Хорошо пойдет для разного типа контента. 🍀 Чистый CSS #анимация

Кнопка Лайк с анимацией при клика Элемент имеет счетчик количества нажатии и анимацию при клике. Нейтральный дизайн позволит использовать данный элемент в любом проекте. ❗Использовались SCSS и JS #анимация

Коллекция ховеров для текста и навигации. Небольшой набор классических анимации для текста при наведении. Можно использовать для ссылок, кнопок или меню навигации. ❗ Использовался SCSS. #hover

Кнопка «Поделиться в социальных сетях». Данная кнопка открывает меню с ссылками на разные социальные сети при наведении. Имеет плавную анимацию раскрытия и наведения. ❗ Использовались SCSS и JS (Babel) #виджет

Подборка hover - эффектов для кнопки. Коллекция из 20 эффектов наведения на кнопку на чистом CSS. #hover

Анимация капли с градиентом. Подобные элементы станет прекрасным дополнением для многих проектов. 🍀 Главной особенностью конкретно данного элемента в том, что он написан на чистом CSS! #анимация

CSS-анимация гамбургера. С помощью данного проекта вы сможете выбрать для себя одну из четырех доступных анимации для гамбургера-меню, а также изменить его размер. ❗ Использовался SCSS. #бургер

Галерея с анимацией наклона элементов. Карточка выполнены с эффектом наклона параллакса при наведении. Подобное решение прекрасно подойдет для многих проектов. ❗ Использовался JS. #hover

Профессия fullstack-разработчик входит в ТОП-3 самых востребованных языков по данным Lucky Hunter. Вы можете освоить эту профессию, даже если никогда раньше не программировали на курсе от Skillbox. Переходите на сайт https://clc.to/VtsvIw, чтобы узнать больше и записаться. Вы изучите JS, HTML, CSS и станете прокаченным frontend-hero. А язык для backend-разработки можете выбрать сами — классический PHP или топовые Python и JavaScript. Вас ждут онлайн-лекции и очень много практики. К концу курса вы сверстаете лендинг, разработаете социальную сеть, интернет-магазин и настроите интеграцию с Reddit.

Анимированная кнопка переключатель. Имеет резкую анимацию. Главной особенностью является "агрессивный" эффект при ударе на края переключателя. ❗ Использовался SCSS. #чекбокс

Анимированный SVG фон. Отличный пример анимированного фона с использованием SVG изображении. При необходимости можно изменить изображения под тематику своего проекта и интегрировать к себе!

Шаблон блока FAQ. Данный шаблон поможет при написании блока вопросы-ответы. Имеет нейтральный дизайн и плавную анимацию. ❗ Использовались CSS(SCSS) и JS. #шаблон

Хочешь стать мидлом быстро и безболезненно? Тогда тебе к нам! Канал JavaScript заметки позволит тебе прокачать навыки до уровня middle за считанные недели абсолютно бесплатно! Эксклюзивный, актуальный материал по современному JS каждый день. Расширяй свои знания с нами!

Попап с подтверждением действия. Эффектное исполнения блока с вариантами выбора. При появлении используется анимация пошатывания кнопок, а при наведении возникает эффект заворота. ❗ Использовались HTML (Haml), SCSS и JS.