Skip to content

Instantly share code, notes, and snippets.

@nishinoshake

nishinoshake/linear_gradiation.css

Last active May 29, 2016 04:24
Show Gist options
  • Save nishinoshake/33f8b414be57d2a70e2a to your computer and use it in GitHub Desktop.
Save nishinoshake/33f8b414be57d2a70e2a to your computer and use it in GitHub Desktop.
Download ZIP
CSSで上下に線形グラディエーションのマスク
Raw
linear_gradiation.css
.sample {
background-image: linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, .8)), linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, .8));
background-repeat: no-repeat, no-repeat;
background-position: center top, center bottom;
-webkit-background-size: 100% 100px;
background-size: 100% 100px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment