Picture Cards - Figure & Figcaption

Image cards (polaroid style) with description on the back. Hover over the images to see the effect. HTML & CSS.

Made with: HTML,CSS

View Code

Figure + Figcaption

Made with: HTML (Pug),CSS (SCSS)

View Code

Interactive Pile O’ Polaroids

Toss the photos around or click for a larger version. Photos and captions (authors) are a random selection from "Lorem Picsum". "GreenSock Draggable" for the interaction.

Made with: HTML,CSS (Less),JavaScript

View Code

Figure & Figcaption Tags

figure and figcaption ... and a beautifull David Harris's poem.

Made with: HTML,CSS

View Code

Lazy Loading Figure + Figcaption & Flipping Card

figure & figcaption combo with some extra features in the form of a short description added on hover of the caption and the back side of the figure for a full description. Can be used in a portfolio to showcase both the work and an extensive description in a relatively small space.

Made with: HTML,CSS,JavaScript

View Code

Typing Effect

Typing caption on hover.

Made with: HTML,CSS,JavaScript

View Code