Skip to content
OverviewSolutions
10
Comments
17

marvellous cephas

@marviecephas270 points

Adua(pray)!

I’m currently learning...

javascript, python, c++

Latest solutions

View more solutions

Latest comments

  • marvellous cephas•270
    @marviecephasPosted over 1 year 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 helpful
    0
  • marvellous cephas•270
    @marviecephasPosted over 1 year 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 helpful
    0
  • marvellous cephas•270
    @marviecephasPosted over 1 year ago

    👌

    1
  • marvellous cephas•270
    @marviecephasPosted over 1 year ago

    Set the pic parent container to position:relative;

    I think it'll help...

    0
  • marvellous cephas•270
    @marviecephasPosted over 1 year ago

    Good work :)

    Specify the width and height of the image to fit the div...

    0
  • marvellous cephas•270
    @marviecephasPosted over 1 year ago

    The transition on hover is cool, just remove the outline by using outline:none then add a border-radius to the hover state :)

    0
View more comments