1014–[CSS] Linear gradient button

Media Files

No media files provided.

Project Submission

+ Submit Assignment

Your submissions


We can create the following button hover effect with linear gradient.

See the Pen Linear Gradient Demo 3 by Thomas Seng Hin Mak (@makzan) on CodePen.


Given the following HTML:

<a href='#' class="demo">DEMO</a>


❓ Show help content

Submission guideline

  • You may use Codepen to implement it and submit the link.
  • You may implement them in file and attach the HTML/CSS file via submission.