17+ Figure And Figcaption Css Pics. The <figure> element is intended to be used in conjunction with the <figcaption> element to mark up diagrams, illustrations, photos, and code examples (among other things). The spec says this about <figure>: } @ keyframes popinimg{ 0%{ transform:

Figure & figcaption using css flexbox and some simple styling.

Jen simmons is a designer and developer advocate at mozilla and a member of the css working group. } @ keyframes popinimg{ 0%{ transform: The figure element represents a unit of content, optionally with a caption, that is. The figure element is commonly used for images Use css to style <figure> and <figcaption> html dom reference: The source for this interactive example is stored in a github repository. Css preprocessors help make authoring css easier. If you haven't looked at the spec, had a chance to use them in your projects, or have no idea how, here are some tips on how to use them correctly.