Frontend | Figma | HTML | JS

Пошаговая инструкцию для создания классного 3D элемента.

⠀

Все гениальное - просто 😎

⠀

1. Нарисуй квадрат со скругленными углами

2. Добавь линейный градиент #FF4A9F - #B9114C

3. Нарисуй сердечко: соедини 2 прямоугольника с верхними скругленными углами и переведи в вектор

4. Добавь градиент на сердечко для объема: #FFFFFF - #E2D8DC - #C992AA - #F1B6D0

5. Используй плагин в Figma - SmoothShadow, создания сложной тени

6. Добавь блики на квадрат при помощи фигур-прямоугольников с эффектом размытия.



Источник