A Pen by Joe Watkins.

index.html

<figure>
  <img src="http://flickholdr.com/1200/1600">
</figure>

Sass-mixin-for-folded-corners-on-images.markdown

Sass mixin for folded corners on images

A Pen by Joe Watkins on CodePen.

License.

style.scss

@import "compass";
@mixin foldedCorners($size,$background,$cornerColor){
  position:relative;
  &:after {
    content: '';
    position: absolute;
    top: 0px;
    right: 0px;
    border-width: 0 $size $size 0;
    border-color: $cornerColor $background;
    border-style: solid;
  }
}

figure {
  @include foldedCorners(1.3rem,#fff,#333);
}































body {
  padding:15px;
}
figure {
  max-width:300px;
  img {
    width:100%;
  }
}