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
This media is not supported in your browser
VIEW IN TELEGRAM
Osaka Card v2 (DeviceOrientation)
Движение изображения в зависимости от положения мыши. Реализовано с помощью CSS и JS.
🔗 Код: Codepen
➡️ @readycodepen | #код
Движение изображения в зависимости от положения мыши. Реализовано с помощью CSS и JS.
🔗 Код: Codepen
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Preloader Series-Take IX : Linear preloader
Реализовано с помощью HTML и CSS
🔗 Код: Codepen
➡️ @readycodepen | #код
Реализовано с помощью HTML и CSS
🔗 Код: Codepen
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Fullpage Menu
Эффектное появление меню с изменением фона заголовка при нажатии на него. Реализовано с помощью SCSS.
🔗 Код: Codepen
➡️ @readycodepen | #код
Эффектное появление меню с изменением фона заголовка при нажатии на него. Реализовано с помощью SCSS.
🔗 Код: Codepen
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
CodePen Home Text Revel on Hover: Corner Triangle Slide Overlay
Реализовано с помощью HTML и SCSS
🔗 Код: Codepen
➡️ @readycodepen | #код
Реализовано с помощью HTML и SCSS
🔗 Код: Codepen
Please open Telegram to view this post
VIEW IN TELEGRAM