CSS Фичи

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

+1 в копилку полезных каналов о фронтенде   С Senior Frontend стартовать в айти намного проще: • готовые примеры кода: смотрите на превью, как работает код, и сразу редактируете его в CodePen • лайфхаки по JS, HTML, CSS, которыми делятся только в крупных компаниях • тесты и опросы для тех, кто не запоминает сухую инфу ⚡️Senior Frontend - лучшая шпаргалка для айтишников.  Сохраняйте: @SeniorFront

Кнопка с вызовом меню. Данный элемент подойдет для вызова выполнения действия какого-либо элемента на сайте. Выполнен в нейтральном стиле. ❗Использовались CSS(SCSS) и JS. #анимация

Готовься к собеседованию в IT без больших усилий! На канале Front Interview | Задачи с собеседований ежедневно выходят разборы с подробным объяснением. Переходи и готовься к трудоустройству в компанию мечты! 👇

Генератор шумового SVG паттерна. Данный генератор позволит быстро создать SVG шаблон с линиями или точками. 🍀 Одно из применений подобного элемента - задний фон! Задай требуемый размер, дисперию, цвет и скопируй себе. Готово!

Шаблон страницы с полноэкранной вертикальной прокруткой. Данный шаблон страницы поможет в реализации сайта в котором используется привязка полноэкранной вертикальной прокрутки. 🍀 Будет полезно новичкам! #шаблон

💰 Получи оффер от 150к  На канале Frontend Interview постят актуальные вопросы с собеседований по JS, CSS, HTML.  А главное - разбирают их и дают ответы, которые точно впечатлят интервьюера. Хочешь в Тинькофф или Яндекс? Подписывайся👇

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

«Уйти на фронт»: курс, который стоит пройти в самом начале карьеры - dev-house.online  Чтобы вырасти в качественного разработчика нужно учиться не только писать на языке программирования, но и понимать его. Курс Dev House и 53x Apps «Уйти на фронт» покажет вам: - Как создавать качественный и масштабируемый код; - С чем вы столкнетесь в реальной работе фронтендера; - Теоретические основы программирования и практические задачи для того, чтобы вы могли стать разработчиком ; - Идеологию и принципы работы фреймворков, научит понимать и работать с фреймворком Vue.js (или любым другим) А лучшие студенты попадут на оплачиваемую стажировку в компанию 53x Apps.)) Курс пройдет онлайн с 1 февраля по 31 мая. Формат — прямые трансляции, домашние задания, ланч тайм с приглашенными экспертами, сообщество учеников в Telegram и плюшки вроде персональных консультаций. Всего 20 мест в группе, успей записаться на первый поток - dev-house.online

Пройдите полную программу обучения по специальности «Фронтенд-разработчик» на Хекслете и получите гарантированную оплачиваемую стажировку в «Ростелеком». 📍 Глубокий практический курс на 8 месяцев: JavaScript, HTML и CSS, фреймворки React+Redux Toolkit, инфраструктура — командная строка, NPM, Git, Webpack. 📍 Асинхронный формат — комфортный темп, мягкие дедлайны. 📍 Более 350 заданий в онлайн-тренажере с мгновенной автопроверкой. 📍 Помощь практикующих наставников. 📍 4 рабочих проекта в портфолио на GitHub и практика в Open Source. Выпускникам — гарантированная оплачиваемая стажировка в проектах ИТ-кластера «Ростелеком» от 1 до 3 месяцев с окладом 40 000 рублей в месяц. Лучшие получат оффер!

Анимированная панель навигации. При наведении на каждый элемент панели отображает анимация в виде заполнения пузырьками. Стильно и красиво! #анимация

Карточки сервисов. Интересно стилизованный блок с сервисами для твоего сайта. 🍀 Обладает привлекательным дизайном, качественной анимацией наведения и адаптивом под все устройства! #карточки

Боковое меню. Небольшой элемент, при нажатие на который отображается навигационное меню. 🍀 Также имеется анимация при наведении на каждую строку навигации. #меню

100+ задач по фронту, которые помогут улучшить твой скилл! Пытаешься запомнить свойства, методы и теги? —Зачем? Я тебе помогу! Начал изучать верстку и ты получаешь много информации которую не реализовываешь на практике? В последствии забываешь? —Да говорю же тебе, я помогу! Забываешь свойства css и не хватает практики? Хватит писать говнокод💩, переходи по ссылке! Админ канала ежедневно публикует задачи html/css/js.

Анимированные карточки. Особенностью данных карточек является плавная анимация. При наведении отображается дополнительная информация и кнопка перехода. #анимация

Карточки профилей. Карточки, при наведении на которые отображается информация о персоне: имя и социальные сети. 🍀 Все это с плавной анимацией увеличения изображения и появления элементов. #анимация

Прокрутка изображений с использованием gsap. Автоматическая прокрутка может дополнить блок с изображениями, а hover-эффект внесет краски. 🍀 В коде используется: JS+gsap

Большая коллекция hover эффектов для кнопок. Сборка из различных эффектов наведения для кнопок разбитая на подтипы. ❗Используется css(SCSS) #hover

Кнопка с анимацией при наведении. Привлекательно стилизованная кнопка с анимацией. Станет хорошим дополнением к сайту со схожим дизайном. 🍀 Анимация выполнена без JS. #кнопка