Design comparison
Solution retrospective
Hello. Please I would like help about put the color black at the end os the letter N and about the arrow.
Thank you
Community feedback
- @marviecephasPosted 12 months ago
Don't really know what you want to do to the arrow but from my observation you want to remove the black border and change the text to uppercase.... do this to the element
.class {
border: none;
text-transform: uppercase;
}
Nice code you got there I must say
Marked as helpful0 - @marviecephasPosted 12 months ago
span the letter N then add this styles
span {
background: linear-gradient(to right, white 70%, black 30%);
color: transparent; /* Make text transparent */
background-clip: text; /* Clip background to text */
display: inline-block; /* Ensure the gradient spans the entire width */
}
You can adjust the percentage to fit it.
Marked as helpful0
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord