This media is not supported in your browser
VIEW IN TELEGRAM
Pure CSS Flip Card
Aнимация флип-карты. Реализованo с помощью CSS
🔗 Код: Codepen
👉 @readycodepen| #код
Aнимация флип-карты. Реализованo с помощью CSS
🔗 Код: Codepen
👉 @readycodepen| #код
This media is not supported in your browser
VIEW IN TELEGRAM
Animated Upload Modal
Форма для загрузки файлов в минималистическом стиле. Реализовано с помощью CSS и JavaScript
🔗 Код: Codepen
👉 @readycodepen| #код
Форма для загрузки файлов в минималистическом стиле. Реализовано с помощью CSS и JavaScript
🔗 Код: Codepen
👉 @readycodepen| #код
This media is not supported in your browser
VIEW IN TELEGRAM
Profile Card
Красивая карточка профиля. Реализовано с помощью SCSS и JavaScript
🔗 Код: Codepen
👉 @readycodepen| #код
Красивая карточка профиля. Реализовано с помощью SCSS и JavaScript
🔗 Код: Codepen
👉 @readycodepen| #код
This media is not supported in your browser
VIEW IN TELEGRAM
Focus
Эффект блюра вокруг курсора. Реализовано с помощью CSS и JavaScript.
🔗 Код: Codepen
👉 @readycodepen| #код
Эффект блюра вокруг курсора. Реализовано с помощью CSS и JavaScript.
🔗 Код: Codepen
👉 @readycodepen| #код
This media is not supported in your browser
VIEW IN TELEGRAM
Input Field Animation
Уменьшение масштаба заголовка при введении данных в поле ввода. Реализовано с помощью CSS.
🔗 Код: Codepen
👉 @readycodepen| #код
Уменьшение масштаба заголовка при введении данных в поле ввода. Реализовано с помощью CSS.
🔗 Код: Codepen
👉 @readycodepen| #код
This media is not supported in your browser
VIEW IN TELEGRAM
Double slider Sign in/up Form
Форма регистрации или входа в аккаунт. Реализовано с помощью CSS и JS.
🔗 Код: Codepen
👉 @readycodepen| #код
Форма регистрации или входа в аккаунт. Реализовано с помощью CSS и JS.
🔗 Код: Codepen
👉 @readycodepen| #код
This media is not supported in your browser
VIEW IN TELEGRAM
Dynamic Card Animation
Засвечивание карточки при наведении курсора. Реализовано с помощью CSS.
⛓ Код: Codepen
➡️ @readycodepen| #код
Засвечивание карточки при наведении курсора. Реализовано с помощью CSS.
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Morphing Hamburger Menu
Смещение информации на сайте и появление мобильного меню при нажатии на бургер-кнопку. Реализовано с помощью SCSS.
⛓ Код: Codepen
➡️ @readycodepen| #код
Смещение информации на сайте и появление мобильного меню при нажатии на бургер-кнопку. Реализовано с помощью SCSS.
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
hover effect
Кубическая заливка кнопки при наведении на неё курсора мыши. Реализовано с помощью CSS.
⛓ Код: Codepen
➡️ @readycodepen| #код
Кубическая заливка кнопки при наведении на неё курсора мыши. Реализовано с помощью CSS.
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
CSS loaders and timing functions
Интересные примеры анимации загрузки. Реализовано с помощью CSS.
⛓ Код: Codepen
➡️ @readycodepen| #код
Интересные примеры анимации загрузки. Реализовано с помощью CSS.
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
City Nights Text Effect
Текстовая анимация с эффектом ночного города. Реализовано с помощью CSS.
⛓ Код: Codepen
➡️ @readycodepen| #код
Текстовая анимация с эффектом ночного города. Реализовано с помощью CSS.
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
loading coffee
Анимация загрузки напоминает пить кофе, пока тот не остыл. Реализовано с помощью CSS.
⛓ Код: Codepen
➡️ @readycodepen| #код
Анимация загрузки напоминает пить кофе, пока тот не остыл. Реализовано с помощью CSS.
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Hamburger menu animation
Прикольная кнопка меню, которую сильно закручивает, если на нее нажать. Реализовано с помощью CSS.
⛓ Код: Codepen
➡️ @readycodepen| #код
Прикольная кнопка меню, которую сильно закручивает, если на нее нажать. Реализовано с помощью CSS.
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Accordion Image Gallery
Эффект расширения изображения при наведении на него. Реализовано с помощью SCSS.
⛓ Код: Codepen
➡️ @readycodepen| #код
Эффект расширения изображения при наведении на него. Реализовано с помощью SCSS.
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Blurred card
Акцентируем внимание на карточке путем размытого эффекта на остальных изображениях. Реализовано с помощью CSS.
⛓ Код: Codepen
➡️ @readycodepen| #код
Акцентируем внимание на карточке путем размытого эффекта на остальных изображениях. Реализовано с помощью CSS.
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
cool card
Эффект сияния при наведении курсора мыши на карточки с изображениями. Реализовано с помощью SCSS.
🔗 Код: Codepen
👉 @readycodepen| #код
Эффект сияния при наведении курсора мыши на карточки с изображениями. Реализовано с помощью SCSS.
🔗 Код: Codepen
👉 @readycodepen| #код
This media is not supported in your browser
VIEW IN TELEGRAM
Button Animation
Контур обхватывает всю кнопку и закрашивает её в свой цвет при наведении курсора мыши. Реализовано с помощью CSS.
🔗 Код: Codepen
👉 @readycodepen| #код
Контур обхватывает всю кнопку и закрашивает её в свой цвет при наведении курсора мыши. Реализовано с помощью CSS.
🔗 Код: Codepen
👉 @readycodepen| #код
This media is not supported in your browser
VIEW IN TELEGRAM
Encrypted Password Reveal
Интересная реализация поля для ввода пароля. Реализовано с помощью CSS и JavaScript.
🔗 Код: Codepen
👉 @readycodepen| #код
Интересная реализация поля для ввода пароля. Реализовано с помощью CSS и JavaScript.
🔗 Код: Codepen
👉 @readycodepen| #код
This media is not supported in your browser
VIEW IN TELEGRAM
simple card animation
Карточка с плавно всплывающей информацией при наведении на нее. Реализовано с помощью CSS.
🔗 Код: Codepen
👉 @readycodepen| #код
Карточка с плавно всплывающей информацией при наведении на нее. Реализовано с помощью CSS.
🔗 Код: Codepen
👉 @readycodepen| #код