Skip to content

Instantly share code, notes, and snippets.

@dannydickson

dannydickson/image-overlay-angle.css

Last active January 26, 2017 15:38
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 dannydickson/3176255a614347cdd4c244bf9923ad73 to your computer and use it in GitHub Desktop.
Save dannydickson/3176255a614347cdd4c244bf9923ad73 to your computer and use it in GitHub Desktop.
Download ZIP
Angled Image Overlay CSS
Raw
image-overlay-angle.css
.class-name {
background: #ff6319;
background: -moz-linear-gradient(-45deg, #ff6319 0%, #ffa719 100%);
background: -webkit-linear-gradient(-45deg, #ff6319 0%, #ffa719 100%);
background: linear-gradient(135deg, #ff6319 0%, #ffa719 100%);
opacity: .93;
content: "";
display: block;
position: absolute;
top: 0;
width: 64%;
height: 100%;
-ms-transform: skewX(-10deg);
-webkit-transform: skewX(-10deg);
transform: skewX(-10deg);
right: -8%;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment