Полезная вЁрстка

Crowd Simulator — анимированный генератор толпы. Реализован с помощью CSS и JavaScript. #анимация #css #js

CSS Light Sphere — анимация в виде неоновой сферы. Реализована с помощью чистого CSS. #анимация #css

neumorphic form inputs — форма с различными элементами ввода. Реализована с помощью SCSS. #анимация #scss

3D zig-zag edge — объемные края. Реализованы с помощью CSS. #анимация #css

Text Animation — анимированный текст. Реализован с помощью SCSS и Pug. #анимация #scss

Navigation PageDesign/Lesson — анимированная страница с навигацией. Реализована с помощью CSS, Pug и JavaScript. #анимация #css #js

Bokeh Lighting Background — "объемный" фон с анимацией. Реализован с помощью CSS и JavaScript. #анимация #css #js

Neumorphism Gradient Loader Animation Effects — анимированная загрузка-градиент. Реализована с помощью SCSS. #анимация #scss

GSAP + clipPath: "path(' ')" — анимированная карточка с фото. Реализована с помощью CSS и JavaScript. #анимация #css #js

Совет фронтендерам: уважайте свое время Первый шаг — не изобретать велосипед. В Html Gram собраны готовые codepen решения на каждый день. От эффектов при наведении до 3D анимации. Быстрее пишешь код — больше отдыхаешь. Подписывайся: @HtmlGram

Gallery animation — анимированная галерея с эффектом при прокрутке. Реализована с помощью CSS и JavaScript. #анимация #css #js

Loading Animation — анимация загрузки. Реализована с помощью SCSS и Pug. #анимация #scss

Menu Button Interaction — анимированная кнопка контекстного меню. Реализована с помощью SCSS, SVG и JavaScript. #анимация #scss #svg #js

Sparkly Button — анимированная кнопка с эффектом при наведении и нажатии. Реализована с помощью CSS и JavaScript. #анимация #css #js

Нейросеть Брэд Питджорни разденет любую девушку Открываете Нейросеть вводите имя знаменитости или отправляете фотографию человека, и нейросеть сделает дипфейк. Попробуйте сами в Нейросети

Text Reflect Effect Demo — набор различных вариантов отражений текста. Реализован с помощью SCSS. #анимация #scss

clip-path cutter — эффект разрезания объекта при проведении по нему курсором. Реализован с помощью CSS и JavaScript. #анимация #css #js

Сегодня в IT идут все, кто мечтает о работе в международной компании с хорошей зарплатой. Но правда в том, что на рынке по-прежнему наблюдается дефицит квалифицированных кадров. Бизнесу нужны люди, которые могут прийти и сразу решать их задачи. Те, кто обладает практическими знаниями и может переводить любую бизнес задачу на язык кода. 🐍 Именно на глубокую и постоянную практику нацелен курс «Python-разработчик» от Хекслета. Вы начнете писать код с первого дня обучения, выполните сотни практических упражнений, напишете 4 полноценных проектов, поучаствуете в Open Source и подготовитесь к собеседованиям с помощью тестовых от компаний партнеров. 🎁 Вы можете начать учиться уже сегодня! Пройдите 5 бесплатных уроков, получите скидку 10% на курс и решите, подойдёт вам профессия или нет. Будьте уверены — вы получите именно те инструменты и навыки, которые позволят вам найти работу!

Cloud Upload Bubbles — анимация загрузки файла в облако. Реализована с помощью CSS и JavaScript. #анимация #css #js

Genuary 18 - Definitely not a grid — анимированное число с отражением. Реализовано с помощью HTML. #анимация