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| #код
This media is not supported in your browser
VIEW IN TELEGRAM
EC card hover
Карточки окрашиваются в цвет внутренней иконки при наведении курсора мыши. Реализовано с помощью CSS.
🔗 Код: Codepen
👉 @readycodepen| #код
Карточки окрашиваются в цвет внутренней иконки при наведении курсора мыши. Реализовано с помощью CSS.
🔗 Код: Codepen
👉 @readycodepen| #код
This media is not supported in your browser
VIEW IN TELEGRAM
Responsive macOS Style Portfolio
Необычное портфолио в стиле MacOS. Реализовано с помощью CSS и JS.
🔗 Код: Codepen
➡️ @readycodepen| #код
Необычное портфолио в стиле MacOS. Реализовано с помощью CSS и JS.
🔗 Код: Codepen
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Scroll-driven Animations (Responsive Webpage)
Анимация прокрутки в сочетании с адаптивной страницей. Реализовано с помощью CSS.
🔗 Код: Codepen
➡️ @readycodepen | #код
Анимация прокрутки в сочетании с адаптивной страницей. Реализовано с помощью CSS.
🔗 Код: Codepen
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Strange Menu Background Animation
Линейная заливка вкладки меню при наведении на неё. Реализовано с помощью CSS.
🔗 Код: Codepen
➡️ @readycodepen | #код
Линейная заливка вкладки меню при наведении на неё. Реализовано с помощью CSS.
🔗 Код: Codepen
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Profile Card
Красивая карточка профиля. Реализовано с помощью SCSS и JavaScript
🔗 Код: Codepen
➡️ @readycodepen | #код
Красивая карточка профиля. Реализовано с помощью SCSS и JavaScript
🔗 Код: Codepen
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Ken Burns Effect
Фон с плавным переключением изображений. Реализовано с помощью SCSS.
🔗 Код: Codepen
➡️ @readycodepen | #код
Фон с плавным переключением изображений. Реализовано с помощью SCSS.
🔗 Код: Codepen
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
404 page
Залипательная анимация страницы с ошибкой #404. Реализовано с помощью CSS.
🔗 Код: Codepen
➡️ @readycodepen | #код
Залипательная анимация страницы с ошибкой #404. Реализовано с помощью CSS.
🔗 Код: Codepen
Please open Telegram to view this post
VIEW IN TELEGRAM