codepen.js

3D card — 3D-карточка поднимается и парит при наведении на неё курсора мыши. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Share Button — появление иконок социальных сетей при наведении на кнопку. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Привет!) 👋 Меня зовут Артём и я приглашаю вас в свой канал Инсайты тимлида. Там я публикую советы, истории и полезные статьи для сотрудников ИТ и их руководителей. Мне есть чем поделиться, ведь у меня большой опыт в профессии) Канал молодой и я очень стараюсь делать для подписчиков полезный и интересный контент. У нас тёплая ламповая атмосфера, подписывайтесь, буду сильно вам рад! 🤗 Реклама. Харченков А.А. ИНН 503613607266. erid: LjN8KbyiY

CSS button hover — интересная анимация для кнопки при наведении. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Horizontal menu with slide down on hover — горизонтальное меню с эффектом прокрутки каждой вкладки при наведении на неё. Реализована с помощью CSS и JavaScript #анимация #css #javascript

beautiful button animation — двухэтапное выделение кнопки при наведении курсора мыши. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Melty line goodness — анимированная граница. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Java Джуниоры! Важное объявление FAANG School в течение 24 часов отдают бесплатно свою библиотеку знаний. Вы можете получить доступ: – Подробный гайд, как найти работу в IT без опыта – Подборка платформ с вакансиями для java-разработчиков – Пошаговая RoadMap по Java – Мануал по Docker. Основные команды и концепции – Микросервисы. Вопросы с собеседований – Шпаргалка с горячими клавишами JetBrains IDE. Ускоришь работу в 10 раз – Desk setup. Подборка аксессуаров для комфортной работы – Шпаргалка по Kafka Библиотека знаний постоянно пополняется, но бесплатный доступ длится всего сутки. Чтобы получить полезные материалы, переходи по ссылке и жми на оранжевую кнопку.

Jump and Slide — квадрат, который устроил соревнования. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Stripped Diagonal Button Single Border — ч/б эффект наведения с заливкой кнопки. Реализована с помощью CSS и JavaScript #анимация #css #javascript

WebGL — анимированная сцена. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Input animation 1— иконка поиска разворачивается в поле ввода и сворачивается обратно при нажатии. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Бесплатный однодневный интенсив по искусственному интеллекту! За 1 день научим тебя писать нейронные сети. Напишешь 9 нейронок с нуля, без опыта программирования! На интенсиве ты создашь: - 3 нейронки из области компьютерного зрения - 3 нейронки по распознаванию и обработке текста - 3 нейронки по сегментации, временным рядам и аудио Регистрируйся прямо сейчас, исследуй футуристичный мир нейросетей с нами! Реклама. ООО "ТЕРРА ЭЙАЙ". ИНН 9728019395. erid: LjN8JwKCs

Circle preloader — круговорот линий во время ожидания загрузки. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Image Preloader — ожидание загрузки в виде параллельных линий, одна из которых подталкивает другую. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Roller Coaster and souvenir photograph — анимированная сцена. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Click Me — овальная форма при наведении на неё курсора мыши. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Input Animation — анимация текстового поля для добавления пункта в список дел. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Staggered Wave Loading — анимация загрузки. Реализована с помощью CSS и JavaScript #анимация #css #javascript

loader #01 — ожидание загрузки в виде движения линий по окружности. Реализована с помощью CSS и JavaScript #анимация #css #javascript