@CochranDani
Latest comments
- @marviecephas
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 helpful - @CochranDani@marviecephas
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 helpful - @yiyingko@marviecephas
👌
- @Little-coder9@marviecephas
Set the pic parent container to
position:relative;I think it'll help...
- @SimasCode@marviecephas
Good work :)
Specify the width and height of the image to fit the div...
- @Joeybur@marviecephas
The transition on hover is cool, just remove the outline by using
outline:nonethen add a border-radius to the hover state :)
