public marks

PUBLIC MARKS from sbrothier with tags photography & css

2016

CSSGram

Simply put, CSSgram is a library for editing your images with Instagram-like filters directly in CSS. What we're doing here is adding filters to the images as well as applying color and/or gradient overlays via various blending techniques to mimic these effects.

2013

Vignette Photos with CSS3 Gradients

While creating these versions I came across a rather large issue with how Mozilla & Webkit differ in sizing radial gradients. It appears that radial gradients in Mozilla will scale to the dimensions of it's containing element while webkit gradients are a fixed size. This means in webkit you should always know the size of your image. Using -webkit-background-size didn't help either. :( I hope this is just a bug and not how it's intended to function.