💾 Folding Travel Carousel – галерея для изображений в виде сложенного листа бумаги. Выбранное фото раскрывается при наведении курсора.

Сайтодел | #сниппет #css

💾 Hover Effect for Headers – восемь анимированных эффектов для заголовков слайдов. Некоторые из них влияют на отдельные буквы, а некоторые – на всё слово.

Сайтодел | #сниппет #css

🎨 Цветовая палитра макета "Agriculture Landing Website Templates"

HEX | RGB
#D4D4BE | rgb(212,212,190)
#49A760 | rgb(73,167,96)
#1F4E3D | rgb(31,78,61)

⚠️ Цвет копируется одним кликом!

Сайтодел | #палитра

💾 Parallax Depth Cards – карточки, имитирующие объемное изображение под стеклом. Каждая карточка вращается в пространстве и показывает скрытые края картинки.

Сайтодел | #сниппет #css

🖥 Codext – дизайн лендинга для обучающей платформы. В качестве основных выбраны холодные цвета: оттенки синего, голубого и фиолетового.

Сайтодел | #макет #figma

💾 Navigation – шкала этапов, которая показывает карточку с информацией при наведении на элемент. В карточке есть ссылка на полную страницу с этапом выполнения чего-либо.

Сайтодел | #сниппет #css

🎨 Цветовая палитра макета "Vegan Club Website":

HEX | RGB
#D6E437 | rgb(214,228,55)
#F47497 | rgb(244,116,151)
#216903 | rgb(33,105,3)

⚠️ Цвет копируется одним кликом!

Сайтодел | #палитра

🎨 Цветовая палитра макета "MeTime Mobile Web App":

HEX | RGB
#CBCBCB | rgb(203,203,203)
#FDCCC5 | rgb(253,204,197)
#816967 | rgb(129,105,103)

⚠️ Цвет копируется одним кликом!

Сайтодел | #палитра

🐙 Drawio – инструмент для создания диаграмм, ментальных карт, блок-схем и инфографики. Интегрируется с Google-инструментами, Github, Gitlab и Notion.

Сайтодел | #репозиторий #github

🖥 Food App Design – дизайн мобильного приложения для доставки еды с контрастным сочетанием кремового и малинового цветов.

Сайтодел | #макет #figma

💾 AI Inside – спиннер в виде объемного кольца, созданный с помощью библиотеки анимации GSAP. В середине спиннера скрыт еще один графический элемент.

Сайтодел | #сниппет #css

💾 CSS Dropping Letters – необычный эффект набора текста, при котором строки напоминают элементы коллажа. Подойдет для креативных заголовков на сайтах.

Сайтодел | #сниппет #css

💾 Hamburgers – набор анимированных иконок для меню. Анимация сделана за счет вращения, а также расширения иконки вниз и вверх.

Сайтодел | #сниппет #css

🐙 React Player – компонент React для воспроизведения различных URL-адресов, включая пути к файлам, YouTube, Facebook, Twitch, SoundCloud, Streamable, Vimeo, Wistia и DailyMotion.

Сайтодел | #репозиторий #github

💾 Landing Page HTML & CSS – галерея из раскрывающихся элементов. Заголовок, написанный вертикально, отображается в открытой карточке.

Сайтодел | #сниппет #css

💾 Draw With WebGL Flowers 2 – фон с возможностью создавать цветы. Размер и цвет растения определяется произвольно.

Сайтодел | #сниппет #css

🐙 Earthworm – приложение на TypeScript для изучения английского языка. В заданиях нужно составлять предложения из отдельных слов.

Сайтодел | #репозиторий #github

💾 Houdini-animated Spinners – набор анимированных спиннеров. Они отличаются друг от друга небольшими деталями, если смотреть слева направо.

Сайтодел | #сниппет #css

💾 Cards With Inverted Border Radius – галерея карточек с кнопкой, встроенной внизу картинки. Это сделано за счет настройки радиуса углов в CSS.

Сайтодел | #сниппет #css

💾 Profile Card Hover Effect – карточки с эффектом приближения. В активном режиме внутри элемента появляются подписи и иконки.

Сайтодел | #сниппет #css

💾 3D CSS && Scroll-Driven Laptop Flip – анимация прокрутки одностраничного сайта. При скролле вниз ноутбук раскрывается и показывает картинку.

Сайтодел | #сниппет #css