Skip to main content

Forums

This topic contains 1 reply, has 1 voice, and was last updated by  Mary Pieroszkiewicz 3 days, 22 hours ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #297098

    Mary Pieroszkiewicz
    Participant

    I am struggling with one header banner element, I need to get it: when it is displayed on the page, the text should be displayed on a purple background and on the yellow only the button should be and it should be hidden under the purple one. And so when I click on the button on the yellow background (drop by drop interactive), the yellow comes to the fore and the purple on the second (they cross in the middle are superimposed) an animated text is shown, which is on the yellow background and disappears from purple and a yellow button is shown on a purple background.

    On mobile it should be so that a yellow button is visible on a purple background and when clicked, a yellow background with a purple button is shown.

    I hope that it is understandable to get the effect.

    All gratitude for help! ❤️

    My code here:

    https://codepen.io/mary_pieroszkiewicz/pen/rNNVVBy

    #297133

    Mary Pieroszkiewicz
    Participant
Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

icon-link icon-logo-star icon-search icon-star