Skip to content
Submitted about 2 years ago

Fylo Dark Theme Landing Page using SASS/BEM/JS

Deborah Robbiano•600
@debriks
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Fylo dark theme landing page
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

Hi Guys! Here's my solution to the Fylo Dark Theme Landing Page challenge. I thought I was doing well until I hit a wall with the transition on gradient button elements. I didn't know that you can't transition a gradient. I found a hack online though, using a pseudo :afterelement.

As always, any feedback is more than welcomed! ✨

Community feedback

  • Adriano•38,410
    @AdrianoEscarabotePosted about 2 years ago

    Hi Deborah Robbiano, how are you? Congratulations on the result, everything is very good!

    about gradients with hover, I was also wondering why the transition wasn't working, I did a search and found two very good articles about it, I recommend you take a look:

    CodePen Chris Coyier: Transitioning Gradients

    Transitioning Gradients, Chris Coyier [CSS-Tricks]

    Marked as helpful
    1
    Deborah Robbiano•600
    @debriksPosted about 2 years ago

    @AdrianoEscarabote Thank you so much Adriano! It works on desktop but not on the phone so probably my solution is not optimal. I’ll check your ressources! 🙏🏻

    0

Please log in to post a comment

Log in with GitHub

Join 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