Paragraph Opacity

  • Resolved ghs.pinheiro

    (@ghspinheiro)


    7 months, 1 week ago

    Hi, can i put an css to make a opacity only on text, when it`s minimzed?

    I get this code, but it puts the opacity on the button, i need that mantains 100% visible

    selector {
    position: relative;
    overflow: hidden; mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 70%, rgba(0,0,0,0) 100%); -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 70%, rgba(0,0,0,0) 100%); color: inherit; / Cor do texto */
    }

Viewing 1 replies (of 1 total)
  • Plugin Contributor ckrahul

    (@ckrahul)

    6 months ago

    Hi @ghspinheiro,

    Thank you for reaching out!

    You’re on the right track.

    Just apply the mask only to the text element (<p>) and set a fixed or 100% height so the fade appears only on the text, not on the button.

    p{
    position: relative;
    overflow: hidden; mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 70%, rgba(0,0,0,0) 100%); -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 70%, rgba(0,0,0,0) 100%); color: inherit; / Cor do texto */
    height: 100%;
    }

    Regards

Viewing 1 replies (of 1 total)

The topic ‘Paragraph Opacity’ is closed to new replies.