How to vertically center a clipped image with CSS

Posted by rohanjon on Monday May 18, 2015 @12:31PM
from the jonrohan.codes dept.

http://jonrohan.codes/fieldnotes/vertically-center-clipped-image

( 3 comments | 5 points | on HN )

Re:How to vertically center a clipped image with CSS by crimsonalucard on Monday May 18, 2015 @01:44PM (#9565790)

An entire article on how to clip an image with a bunch of ugly hacks makes it to the front page of HN. Nothing wrong with the article, but I can't say the same for html and css.

[ Parent | on HN ]

Re:How to vertically center a clipped image with CSS by jahewson on Monday May 18, 2015 @01:48PM (#9565819)

CSS already supports this natively via 'clip-path' (or the legacy 'clip').

[ Parent | on HN ]

Re:How to vertically center a clipped image with CSS by biturd on Monday May 18, 2015 @03:38PM (#9566419)

doesn't work in safari though he talks about adding the safari prefix at the end.

[ Parent | on HN ]