<figure>, <figcaption>

25 snippets

Explore <figure>, <figcaption> resources for the web — layouts, components, effects, and more. Pick a subsection below to continue.

html-figure-figcaption

Snippets(25)

A Figure with a Figcaption
A a figure with a figcaption built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+2 more
Demo Code
Difficulty
intermediate
Features
hover-effect, animated-overlay, semantic-markup
Responsive
Yes
Clipping Quadrant Image Gallery
A clipping quadrant image gallery built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JavaScript
Difficulty
Beginner
Browser support
Chrome 55+, Edge 79+, Firefox 52+, Safari 11+
Features
Clip-path Expansion, Z-index Layering, Grid Overlay
Responsive
Yes
Editorial Grid Magazine Layout
A editorial grid magazine layout built with modern frontend techniques for responsive and reusable UI.
Text Formatting Semantic Html Html Frontend Ui+3 more
Demo Code
Technologies
HTML, CSS
Difficulty
Intermediate
Browser support
Chrome 57+, Edge 16+, Firefox 52+, Safari 10.1+
Features
8-Column Grid, Text Columns, Grid Overlaps
Responsive
Yes
Figure & Figcaption
A figure & figcaption built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+2 more
Demo Code
Difficulty
beginner
Features
hover-effects, semantic-markup, transitions
Figure & Figcaption
A figure & figcaption built with modern frontend techniques for responsive and reusable UI.
Accessibility Text Formatting Semantic Html Html+3 more
Demo Code
Technologies
HTML, CSS
Difficulty
beginner
Responsive
Yes
Figure & Figcaption
A figure & figcaption built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+2 more
Demo Code
Difficulty
beginner
Features
hover animation, semantic markup, image caption
Responsive
Yes
Figure & Figcaption Tags
A figure & figcaption tags built with modern frontend techniques for responsive and reusable UI.
Accessibility Text Formatting Semantic Html Html+3 more
Demo Code
Technologies
HTML
Difficulty
beginner
Responsive
Yes
Figure & Figcaption with CSS
A figure & figcaption with css built with modern frontend techniques for responsive and reusable UI.
Accessibility Semantic Html Html Frontend Ui+3 more
Demo Code
Technologies
HTML, CSS
Difficulty
beginner
Responsive
Yes
Figure & Figcaption with CSS Hover Effect
A figure & figcaption with css hover effect built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+2 more
Demo Code
Technologies
HTML, CSS
Difficulty
beginner
Responsive
Yes
Figure + Figcaption
A figure + figcaption built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS
Difficulty
beginner
Responsive
Yes
Gallery with Figure & Figcaption
A gallery with figure & figcaption built with modern frontend techniques for responsive and reusable UI.
Accessibility Semantic Html Html Frontend Ui+2 more
Demo Code
Technologies
HTML, CSS
Difficulty
beginner
Responsive
Yes
HTML Figure & Figcaption
A html figure & figcaption built with modern frontend techniques for responsive and reusable UI.
Accessibility Text Formatting Semantic Html Html+3 more
Demo Code
Technologies
HTML
Difficulty
beginner
Responsive
Yes
HTML Figure & Figcaption
A html figure & figcaption built with modern frontend techniques for responsive and reusable UI.
Accessibility Text Formatting Semantic Html Html+3 more
Demo Code
Technologies
HTML
Difficulty
beginner
Responsive
Yes
Hover
A hover built with modern frontend techniques for responsive and reusable UI.
Text Formatting Semantic Html Html Frontend Ui+3 more
Demo Code
Difficulty
beginner
Responsive
Yes
Interactive Inky
A interactive inky built with modern frontend techniques for responsive and reusable UI.
Text Formatting Semantic Html Html Frontend Ui+3 more
Demo Code
Difficulty
beginner
Responsive
Yes
Interactive Pile O’ Polaroids
A interactive pile o’ polaroids built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+2 more
Demo Code
Features
interactive-animation, polaroid-effect
Responsive
Yes
Lazy Loading Figure + Figcaption & Flipping Card
A lazy loading figure + figcaption & flipping card built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+3 more
Demo Code
Features
Lazy Loading, Flip Animation, Semantic HTML5
Responsive
Yes
Picture Cards - Figure & Figcaption
A picture cards - figure & figcaption built with modern frontend techniques for responsive and reusable UI.
Accessibility Semantic Html Html Frontend Ui+4 more
Demo Code
Technologies
HTML, CSS
Difficulty
beginner
Responsive
Yes
Playful CSS Figure & Figcaption
A playful css figure & figcaption built with modern frontend techniques for responsive and reusable UI.
Text Formatting Semantic Html Html Frontend Ui+3 more
Demo Code
Difficulty
beginner
Responsive
Yes
Playful Figure/Figcaption
A playful figure/figcaption built with modern frontend techniques for responsive and reusable UI.
Text Formatting Semantic Html Html Frontend Ui+3 more
Demo Code
Technologies
HTML, CSS
Difficulty
beginner
Responsive
Yes
Realistic Polaroid Figures
A realistic polaroid figures built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+2 more
Demo Code
Difficulty
beginner
Responsive
Yes
Responsive Image Labels
A responsive image labels built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+2 more
Demo Code
Technologies
HTML, CSS
Difficulty
beginner
Responsive
Yes
Sold Animation
A sold animation built with modern frontend techniques for responsive and reusable UI.
Text Formatting Semantic Html Html Frontend Ui+3 more
Demo Code
Difficulty
easy
Responsive
Yes
Sticky Figcaption with Protruding Figure
A sticky figcaption with protruding figure built with modern frontend techniques for responsive and reusable UI.
Accessibility Semantic Html Html Frontend Ui+3 more
Demo Code
Technologies
HTML, CSS
Responsive
Yes
Use Alt Tags in IMG Captions
A use alt tags in img captions built with modern frontend techniques for responsive and reusable UI.
Accessibility Semantic Html Html Frontend Ui+2 more
Demo Code
Technologies
HTML
Difficulty
beginner
Responsive
Yes

Snippets(25)

related hubs