cssAudio - Activefile-genericCSS - ActiveGeneric - ActiveHTML - ActiveImage - ActiveJS - ActiveSVG - ActiveText - Activefile-genericVideo - Activehtmlicon-personicon-teamoctocatspinnerstartv headernumbered-list123split-screen
user profile image

Click events on the image-caption, toggles the parent position of the :before pseudo element of the image-caption ( from the html tag to the figure element). This shifts the absolute positioned image-caption from full width to original size, and from blurred ( CSS-filter/ or SVG-filter ) to normal, and back again. Some transitions for smoothness applied. It's a variation of a slideshow-slide demo by Lea Verou --> http://lea.verou.me/more-css-secrets/#intro ... Some fallback for non text-mask supporting browsers ( by javascript feature detection ). (Found this picture, that made me wish the winter was over, but unfortunately don't know the photographer for attribution.)

Comments

  1. No comments yet.

Leave a Comment Markdown supported. Click @usernames to add to comment.

You must be logged in to comment.
Loading...
Loading...