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
This media is not supported in your browser
VIEW IN TELEGRAM
Monami-main-ui-hc26
Двойная анимация для плавно появляющегося меню. Реализовано с помощью 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
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
The Gallery
Крутая необычная галерея. Реализовано с помощью препроцессоров Pug и SCSS.
🔗 Код: Codepen
➡️ @readycodepen | #код
Крутая необычная галерея. Реализовано с помощью препроцессоров Pug и SCSS.
🔗 Код: Codepen
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
cards
Карточки, которые при наведении курсора разворачивают видео и детальное описание. Реализовано с помощью CSS.
🔗 Код: Codepen
👉 @readycodepen| #код
Карточки, которые при наведении курсора разворачивают видео и детальное описание. Реализовано с помощью CSS.
🔗 Код: Codepen
👉 @readycodepen| #код
This media is not supported in your browser
VIEW IN TELEGRAM
Hover card effect
Эффект карточки при наведении. Реализовано с помощью CSS и JS.
🔗 Код: Codepen
➡️ @readycodepen | #код
Эффект карточки при наведении. Реализовано с помощью CSS и JS.
🔗 Код: Codepen
Please open Telegram to view this post
VIEW IN TELEGRAM