setup
This commit is contained in:
25
src/components/Common/GradientText/index.jsx
Normal file
25
src/components/Common/GradientText/index.jsx
Normal file
@@ -0,0 +1,25 @@
|
||||
const GradientText = ({ text, spacing }) => {
|
||||
return (
|
||||
<svg>
|
||||
<defs>
|
||||
<linearGradient id="smoke-text" x1="0%" y1="0%" x2="0%" y2="100%">
|
||||
<stop offset="0%" style={{ stopColor: '#4EFFF6', stopOpacity: 1 }} />
|
||||
<stop
|
||||
offset="100%"
|
||||
style={{ stopColor: '#00B2F9', stopOpacity: 1 }}
|
||||
/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<text
|
||||
x={0}
|
||||
y={36}
|
||||
fill="url(#smoke-text)"
|
||||
style={{ fontSize: '28px', letterSpacing: spacing || '2px' }}
|
||||
>
|
||||
{text}
|
||||
</text>
|
||||
</svg>
|
||||
);
|
||||
};
|
||||
|
||||
export default GradientText;
|
||||
Reference in New Issue
Block a user