Skip to content

Instantly share code, notes, and snippets.

@nrrrdcore
Last active December 30, 2015 01:59
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save nrrrdcore/ae80aefa9970012e508b to your computer and use it in GitHub Desktop.
Save nrrrdcore/ae80aefa9970012e508b to your computer and use it in GitHub Desktop.
&:before {
display: none;
}
&:after {
display: none;
}
&:hover {
background-color: #eee;
&:before, &:after {
display: block;
}
}
@nomansid81
Copy link

Hi Julie,

Would you happen to know if :before can be used to create a fade out edge for a css gradient?
I am currently using this:
background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#ffffff));

But need to fade out both edges (top right and top left).

Your advise will be appreciated,
Noman

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment