New Transaction Hover Animation - Анимированная кнопка оплаты, сделанная при помощи CSS.

https://codepen.io/TurkAysenur/pen/wvaGqXW

Codepen Amazing

Feedback Reactions - Анимированные emoji-реакции при помощи CSS и JS

https://codepen.io/aaroniker/pen/mdyYBPP

Codepen Amazing

Link hover animation - анимация при наведении на ссылку с использованием CSS

https://codepen.io/aaroniker/pen/VwjexVy

Codepen Amazing

Невероятная лампочка с GSAP - Сделано с использованием GSAP анимации.

https://codepen.io/jh3y/full/dyXBKog

Codepen Amazing

What's that coffee like? - Вам какой кофе?

https://codepen.io/RominaMartin/full/KKgQmEW

Codepen Amazing

Smooth Liquid Background Effect - Плавно изменяющийся задний фон

https://codepen.io/tahazsh/pen/gOqNZyw

Codepen Amazing

Glassmorphism Credit Card — форма для данных карты. Реализована с помощью CSS и JS

https://codepen.io/ronkeee/pen/KKgJmmz

Codepen Amazing

36th CssChallenge — адаптивные карточки с возможностью переходить по ним. Реализована с помощью CSS и JS

https://codepen.io/Eliiima70/pen/PoaPgZX

Codepen Amazing

Sliding Image Track — слайдер с эффектом параллакса. Реализована с помощью CSS и JS

https://codepen.io/Hyperplexed/pen/MWXBRBp

Codepen Amazing

Scattering hexagons — анимация рассеивающихся шестиугольников. Реализована с помощью CSS и JS

https://codepen.io/K-T/pen/OJLxzVq

Codepen Amazing

Infinite Cover View v2 — слайдер, который бесконечно вращается по кругу. Реализована с помощью CSS и JavaScript

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

Codepen Amazing

Menu Toggle button with flat menu — кнопка переключения меню. Реализована с помощью CSS и JS

https://codepen.io/GeoffreyCrofte/pen/nybYBm

Codepen Amazing

Intelligent Mouse Trailer — анимированый плавный курсор. Реализована с помощью CSS и JS

https://codepen.io/Hyperplexed/pen/abYJQxP

Codepen Amazing

Paint Drop Hover — эффект подсветки области текста. Реализована с помощью CSS и JS

https://codepen.io/MarioD/pen/BXZomr

Codepen Amazing

Detailed Theme Switch — красивый переключатель темы. Реализована с помощью CSS и JS

https://codepen.io/jkantner/pen/OJazKey

Codepen Amazing

X-Ray — эффект при наведении на текст. Реализована с помощью CSS и JS

https://codepen.io/jamestodd/pen/JjbxJqy

Codepen Amazing

Бесплатный мини-курс: освой базу тестирования за 72 часа

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

Как это работает?
1. Регистрируешься — это абсолютно бесплатно.
2. В течение трёх дней проходишь уроки от эксперта в удобное для себя время.
3. Получаешь консультацию по профессии, обучению и рынку.
4. Понимаешь, подходит ли тебе тестирование, как начать карьеру и как выгодно выделиться среди новичков.

Получи 4 гайда + 3 проекта в портфолио за 3 дня — успевай до 30 сентября!
👉 Записаться бесплатно (осталось 12 мест).

Check Micro Animation — анимированный чекбокс. Реализована с помощью CSS и JS

https://codepen.io/Coding-in-Public/pen/rNGpJJV

Codepen Amazing

Star Wars Toggle Icon Animation — анимация бургер-кнопки с прерывистой линией в стиле Звездных войн. Реализована с помощью CSS и JS

https://codepen.io/rss/pen/OJxZrR

Codepen Amazing

Loader Colorful HTML — диско-прелоадер. Реализована с помощью CSS и JS

https://codepen.io/blessing-omosehin/pen/OJxEPLa

Codepen Amazing