Although, it's a fairly old post from ZURB at http://zurb.com/playground/css3-polaroids, I thought this was a cool way to display images in the image section of my web accessibility page. There's no JS and completely using CSS3's transforms with the additional touch of the cool Google font Permanent Marker.
I did have to tweak their implementation a bit by not using CSS generated content in the :after pseudo-element, since many screen readers have problems reading that.
Also, it doesn't look as nice in IE...even IE 10, because it has problems rendering that font. Not sure who to blame here; I'll dive deeper into this at a later date.
No comments :
Post a Comment