Link Hover Interaction — эффектная анимация при наведении на ссылки с текстом. Реализована с помощью CSS и JavaScript

https://codepen.io/dev_loop/pen/rNxqPWp

Codepen Amazing

Domino prelaod - эффект домино в качестве ожидания загрузки. Реализована с помощью CSS и JavaScript

https://codepen.io/rikhnovets/pen/bGvgwyz

Codepen Amazing

Roler Coaster and souvenir photograph - Анимированная сцена, выполненная с помощью SVG, SCSS и библиотеки GSAP.js

https://codepen.io/damongolding/pen/mdBBVWw

Codepen Amazing

Morphing Animation - Кнопка с анимацией.

https://codepen.io/amit_sheen/pen/mdQXaog

Codepen Amazing

Emoji Art - Реализована с помощью CSS и JavaScript

https://codepen.io/ste-vg/pen/NWEvyqB

Codepen Amazing

Чтобы начать карьеру в анализе данных, нужно выбрать направление. А для этого — как-то отличить друг от друга аналитиков данных, системных, продуктовых и бизнес-аналитиков, инженеров данных и специалистов по Data Science.

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

Курс будет полезен, если
→ у вас нет опыта, но хочется работать в анализе данных;
→ хотите сменить профессию, но не знаете, с чего начать.

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

Начините путь в анализ данных вместе с Практикумом

CSS Scroll-Drive Glow Cards — светящиеся карты. Реализована с помощью CSS и JavaScript

https://codepen.io/jh3y/pen/yLwLVgP

Codepen Amazing

Flati Squares - фоновая анимация в виде плывущих вверх квадратов. Реализована с помощью CSS и JavaScript

https://codepen.io/hammercait/pen/GRZmYmY

Codepen Amazing

Roler Coster and souvenir photograph - анимированная сцена. Реализована с помощью CSS и JavaScript

https://codepen.io/damongolding/pen/mdBBVWw

Codepen Amazing

404 error page - Ребята гуманно решают вопрос, кто виноват, что пользователь попал на страницу, которой не существует

https://codepen.io/SofiaSergio/pen/RMjyRL

Codepen Amazing

Circular Corner Boarders 3D Hover Image (CSS Only) - Эффект при наведении на карточку, выполненный на чистом CSS, без использования JavaScript

https://codepen.io/TheMOZZARELLA/pen/OJOOVVJ

Codepen Amazing

Sunrise stil lake - Реализована с помощью CSS и JavaScript

https://codepen.io/pehaa/pen/yLVeLNg

Codepen Amazing

Turbelent Buttons - Анимированные кнопки, выполненные с помощью SVG, SCSS и JavaScript

https://codepen.io/cobra_winfrey/pen/popvOBJ

Codepen Amazing

Volume Golf - Прикольный ползунок регулятора громкости в виде игры в гольф

https://codepen.io/damnsamn/pen/wvwJEwg

Codepen Amazing

Красивая реализация кнопки переключения светлой/тёмной темы, да ещё и со звуком для твоего проекта

https://codepen.io/jh3y/pen/VwjgdLj

Codepen Amazing

Sign In Button and Form - Кнопка и форма входа на JavaScript

https://codepen.io/colewaldrip/pen/MKmKEJ

Codepen Amazing

Get Color Palete - генерация заднего фона на основе цвета. Реализована с помощью CSS и JavaScript

https://codepen.io/toshiya-marukubo/pen/XWVWmav

Codepen Amazing

Stretchable Elastic Toggle - Растягивающийся эластичный переключатель

https://codepen.io/josetxu/pen/ExJXRBB

Codepen Amazing

Cards with invirt border-radius - Карточки товаров с интересным решением для кнопки. Сделаны на SCSS.

https://codepen.io/kristen17/pen/pomgrKp

Codepen Amazing

Background Slide | Swiper - красивый слайдер с анимированным текстом. Реализована с помощью CSS и JavaScript

https://codepen.io/ecemgo/pen/QWzeQOK

Codepen Amazing