Realistic Polaroid Figures
Realistic polaroid figures in HTML and CSS.
Made with: HTML,CSS
A Figure With A Figcaption
A figure with a figcaption... and .date that all:hovers.
Made with: HTML (Pug),CSS (SCSS)
Figure & Figcaption
Image with caption using HTML figure and figcaption tags.
Made with: HTML,CSS (SCSS),JavaScript
Gallery With Figure & Figcaption
Parallax image gallery using figure & figcaption tags.
Made with: HTML,CSS
Figure & Figcaption With Css
figure & figcaption using CSS flexbox and some simple styling.
Made with: HTML,CSS (SCSS),JavaScript (Babel)
Html Figure & Figcaption
Simple example of thumbnails using HTML figure & figcaption tags and CSS.
Made with: HTML,CSS (SCSS)
Use Alt Tags In Img Captions
Example of how to use alt to print to your img captions. Handy for SEO purposes. Credit to Josh Emrich for his Campy Creature Invader artwork. And JavaScript by CodeJoust on StackExchange.
Made with: HTML,CSS,JavaScript
Html Figure & Figcaption
Minimalistic pure CSS carousel with HTML figure and figcaption.
Made with: HTML (Haml),CSS (Sass)
Responsive Image Labels
Using figcaption to add multiple labels to an image. By changing a CSS variable with media queries, the labels can adjust to a wide variety of screen sizes.
Made with: HTML,CSS (SCSS)
Interactive Inky
figcaption text segments as legends pointing out portion of figure content.
Made with: HTML (Pug),CSS,JavaScript
Figure & Figcaption With Css Hover Effect
Image hover transition with CSS variables.
Made with: HTML (Haml),CSS (Sass)
