24 HTML & with CSS

Blogger Templates • Top Best Free • New Templates Blogger Templates  daily updates with newly designed free blogger templates. Blog templates with Highly SEO optimized, Responsive Layouts. Blogger Remito grid template. · Blogger Templates Free · Fabel Blogger Templates Best Free Responsive Blogger Templates   Font Awesome icons, unlimited colors and hero image are just some additional specialties of Shapely. Download Preview Best Minimalist Blogger Templates  The best minimalist Blogger templates that you can use to create your Blog  Blogger Templates - Blogger Themes | ThemeForest  Responsive, Modern Blogger Templates | Georgia Lou Studios Give your Blogger/Blogspot blog a new, modern look Responsive Blogger Templates 2020 Free Download Responsive Blogger Templates is an ultimate feature that lets you show your blog according to the users device and screen size. It automatically adjusts its width and element size keeping design in mind. ... As we know, nowadays Responsiveness has become an integral part of website development and designing July 19, 2020

Collection of free HTML and CSS <figure> & <figcaption> code examples (with little JS). Update of June 2019 collection. 4 new items.

CSS Thumbnails

CSS Image Effects

Author

Chris Coyier

January 30, 2020

About a code Sticky Figcaption with Protruding Figure

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Author

Kyle Foster

April 28, 2019

About the code Realistic Polaroid Figures

Realistic polaroid figures in HTML and CSS.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Author

Joshua Ward

January 17, 2019

About the code A figure with a figcaption

A figure with a figcaption... and .date that all:hovers.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

Author

Tobias Glaus

July 23, 2018

Made with

HTML / CSS (SCSS) / JavaScript

About the code Figure & Figcaption

Image with caption using HTML figure and figcaption tags.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: jquery.js

About a code Figure & Figcaption

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

About a code Figure & Figcaption

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: jquery.js, jquery-ui.js

About the code Gallery with Figure & Figcaption

Parallax image gallery using figure & figcaption tags.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: -

Made with

HTML / CSS (SCSS) / JavaScript (Babel)

About the code Figure & Figcaption with CSS

figure & figcaption using CSS flexbox and some simple styling.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: -

Author

Yanely Ramirez

June 24, 2018

About the code HTML Figure & Figcaption

Simple example of thumbnails using HTML figure & figcaption tags and CSS.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: -

Author

Piotr Galor

June 23, 2018

About the code Playful CSS Figure & Figcaption

Pure CSS, no libs and stuff.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: -

Author

Brett Thurston

June 22, 2018

About the code 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.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: jquery.js

About the code HTML Figure & Figcaption

Minimalistic pure CSS carousel with HTML figure and figcaption.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: -

About the code Figure & Caption

Animated image thumbnail.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: -

Author

Stephen Lee

June 22, 2018

About the code 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.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: -

Author

Joshua Ward

June 21, 2018

About a code Figure + Figcaption

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

Made with

HTML (Pug) / CSS / JavaScript

About the code Interactive Inky

figcaption text segments as legends pointing out portion of figure content.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: -

About the code Figure & Figcaption with CSS Hover Effect

Image hover transition with CSS variables.

Compatible browsers: Chrome, Firefox, Opera, Safari

Dependencies: -

Author

Isman Fromes

June 20, 2018

Made with

HTML (Pug) / CSS (Less) / JavaScript

About the code Playful Figure/Figcaption A try to a more playful figure/figcaption.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: jquery.js, TweenMax.js

Author

Cátia Campos

June 20, 2018

About the code Picture Cards - Figure & Figcaption

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

Compatible browsers: Chrome, Edge, Opera, Safari

Dependencies: -

Author

Ryan Mulligan

June 20, 2018

About the code Figure + Figcaption My faux trip as told through figures and figcaptions.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: -

Made with

HTML / CSS (Less) / JavaScript

About the 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.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: jquery.js, draggable.js, ThrowPropsPlugin.js, TweenLite.js, CSSPlugin.js

About the code Figure & Figcaption Tags

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

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: -

About the 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.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: font-awesome.css

Author

Natalia Kuznetsova

June 18, 2018

About the code Typing Effect

Typing caption on hover.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: jquery.js

Free Blogger templatest, Free Blogger templates Minimalist, Free blogger templates responsive, Layouts blogger, Simple free blog template, Blog template WordPress, Goyabi templates, Nawigacja na stronie, Free Blogger templates, Free Blogger templates Minimalist, Btemplates, Free blogger templates responsive, Simple free blog template, Blog template WordPress, Blogger template responsive free, Blogger templates,s Free Blogger templates Free Blogger templates Minimalist Layouts blogger Free blogger templates responsive Btemplates Blogger portfolio template Blog template WordPress Free themes blogspot Theme Blogger Premium Gratis Download Parhlo Premium/Magazine Blogger Template Google     Infinite AMP Responsive Blogger Template | Blogspot Infinite AMP             Sarkari Result WordPress Theme Free Download      Amalia • v1.0 - Responsive •Blogger Template Amalie • Blogspot TemplateCodeify v1.0 - Personal Blogger Template new blogger templates, best blogger templatesLuvblog - Responsive HTML5 Blogger Template Twitter Bootstrap 3.0 100% Responsive DesignCream - Responsive News & Magazine Blogger Template Cream Magazine | ThemebeezSeo Mag - Responsive Blogger TemplateBest - SEO Friendly Blogger Templates • Top Best Free • New TemplatesWaverly - Personal Responsive Blogger Template250+ Best Free Responsive Blogger Templates PackNewsify v1.0 - News NEWSIFY BLOGGER THEME FEATURES Magazine Blogger Templateresponsive blogger templatesprofessional blogger templates freefree customizable blogger templatesfree blogger templates simple blogger templates freefree html blog templatesclean blogger templatespremium responsive blogger templates