Submitted over 2 years ago

Fylo Dark Theme Landing Page using SASS/BEM/JS

sass/scss, bem

Deborah Robbiano•600

@debriks

A solution to the Fylo dark theme landing page challenge

Preview Code

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! ✨

Code

Please log in to post a comment

Community feedback

Adriano•42,870
@AdrianoEscarabote
Posted over 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

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