Skip to content

Instantly share code, notes, and snippets.

@konishi
Created November 7, 2011 04:54
Show Gist options
  • Save konishi/1344209 to your computer and use it in GitHub Desktop.
Save konishi/1344209 to your computer and use it in GitHub Desktop.
CSSで透過グラデーションを細かく指定する方法 ref: http://qiita.com/items/909
gradient {
background: -moz-linear-gradient(top,
rgba(255,255,255,0),
rgba(255,255,255,0.8) 30%,
rgba(255,255,255,1));
background: -webkit-gradient(linear, left top, left bottom,
from(rgba(255,255,255,0)),
color-stop(0.3, rgba(255,255,255,0.8)),
to(rgba(255,255,255,1)));
background: -o-linear-gradient(top,
rgba(255,255,255,0),
rgba(255,255,255,0.8) 30%,
rgba(255,255,255,1));
background: linear-gradient(top,
rgba(255,255,255,0),
rgba(255,255,255,0.8) 30%,
rgba(255,255,255,1));
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment