Clipped Image Reveal on Hover

Анимация при наведении на текст, реализована с помощью CSS и Js.

#анимация #css #js

👉 @frontend_trends

15 лет назад поиск в Гугле был чем-то недоступным, «элитарным». Сегодня с помощью ChatGPT можно освоить программирование с нуля всего за пару месяцев

Технологии меняются, ускоряются и чтобы поспевать за настоящим, важно следить за событиями индустрии.

С этим отлично помогает телеграм-канал Technogram Inside.

Авторы собирают последние достижения и разработки и делятся ими, чтобы держать вас в курсе событий.

Метавселенная Brazzers, печать силой мысли, вращающийся небоскреб в Дубае — смотришь и думаешь: это точно настоящее?

Order button animation

Анимация кнопки заказа. Реализована с помощью CSS и JS.

#анимация #js #css

👉 @frontend_trends

АнимируйАнимируй — канал с готовыми анимациями для сайтов.

✅ Только проверенные варианты, без ошибок в коде и лишних скриптов.

Переходите, выбирайте подходящую анимацию, нажимайте кнопку "Получить код" и забирайте к себе на сайт.

⚡ Со следующей недели на канале новый тип анимации: страница 404.

👇 Подписывайтесь, чтобы не пропустить.

Tiling SVG Animation

Анимация из чего состоят разные кофейные напитки. Реализована с помощью CSS и JS.

#анимация #js #css

👉 @frontend_trends

Как быстро научиться программированию?

Какие 3 главных правила используют лучшие IT-специалисты? Какой язык выбрать, чтобы заработать в 2023? Как найти заказчиков? О чём мечтает каждый успешный программист?

На эти и другие вопросы есть ответы в канале Войти в IT.Там пишет предприниматель и Fullstack-программист с 18-летним опытом. Это твоя возможность научиться новой профессии, прокачать свои навыки, и влететь в IT на максималках:

✅ Освоить PHP, JavaScript, C#, Python

✅ Узнать о лучших инструментах для веб-разработки

✅ Достойно зарабатывать на фрилансе прямо сейчас

✅ Получать самые горячие IT-инсайты из первых рук

Подпишись и Войди в IT!

Tiling SVG Animation

Мозаика SVG-анимации. Реализована на чистом CSS.

#анимация #svg #css

👉 @frontend_trends

Сначала появляется идея, затем дизайн-макет, а потом фронтенд-разработчик пишет код с использованием библиотек и фреймворков и превращает всё в удобный сервис или сайт. А еще принимает участие в важных встречах с командой и креативных брейнштормах.

На курсе Яндекс Практикума «Фронтенд-разработчик» вы за 10 месяцев научитесь:

•Писать код на HTML, CSS, JavaScript и TypeScript
•Создавать сайты и веб-приложения под любые задачи бизнеса
•Использовать библиотеку React
•Разбираться в технических заданиях от заказчиков и предлагать им оптимальные решения
•Работать в команде с помощью Git
•Тестировать сайты и веб-приложения, размещать их в интернете, устранять ошибки
Практика на реальных кейсах, сопровождение команды специалистов и работающие проекты в портфолио. Карьерный центр поможет вам грамотно составить резюме, презентовать себя с выгодных сторон, отрепетировать собеседование, а оффер вы уже получите сами.

Начать учиться

Intelligent Mouse Trailer

Анимация плавного курсора. Реализована с помощью JavaScript.

#анимация #javascript

👉 @frontend_trends

CSS animation-delay demo 🤓

Демонстрация задержки анимации, реализованная с помощью css, js.

#анимация #css

👉 @frontend_trends

CSS/SVG Lines App Concept

Плавная анимация для формы, реализована с помощью css.

#анимация #css

👉 @frontend_trends

Hopping square - compact cross-browser version

Анимация прыгающего квадрата, написана на чистом css.

#анимация #css

👉 @frontend_trends

Text Reveal Mask

Маска для раскрытия текста, написана на чистом css.

#анимация #css

👉 @frontend_trends

Animated Squares - #100dayscss#100dayscss

Анимированные квадраты, написаны на чистом css.

#анимация #css

👉 @frontend_trends

BG color wipe with gradient

Анимация цвета BG с градиентом, реализована с помощью css и js.

#анимация #css #js

👉 @frontend_trends