Fig - Animated Symbol Galleries

View the Reside Preview to see what fig is in a position to.

All kinds and animations will also be blended to create a distinctive experience to your symbol galleries.

Use the fig configurator to quickly generate fig HTML snippets able to be replica and pasted for your web site.

The package incorporates the authentic source files so if you happen to’re a webdeveloper you'll be able to tweak the library on your own liking.

Plug & Play and no dependencies on other libraries.

Animations

• 7 load animations. Animate a photograph in to view in six different ways, select from zooming in or out, fading, or rotating in more than a few instructions.
• 8 hover animations. Bring a certain space of the picture in to focus on hover or move the photograph around when the person interacts with it.
• 9 caption animations. Slide, fade or push the caption into view from various directions.
• 6 textual content animations. Animate the caption text into view by way of fading, sliding, stacking or follow the zebra animation.

Types

• FOUR caption fill results. THREE blur ranges and a dreamy soft atmosphere.
• 2 caption colors. vibrant and darkish.
• 3 frame border widths.
• 2 border colours. vibrant and dark.
• 5 caption positions. Above, under, most sensible, bottom or cover.
• 3 font circle of relatives setups.
• THREE preset font sizes.

Configurator

Fig gives so much of options, to make issues attainable, it comes with a configuration software so you'll generate your individual fig galleries simply.

What do customers assume?

axelcoon: Outstanding Toughen!

Scardx15: Rik helped me each and every step of the way in which and made it imaginable for me to think about shopping for extra pieces within the Envato marketplace. Prior To I Used To Be skeptical and this used to be actually my first purchase however due to the fact that i like the enjoy I’m going to proceed shopping for. Thanks Rik!

kryten68: Very Easy to make use of and the results are fantastic!

va1957: Layout Quality!

Fortify

For Those Who have any questions sooner than or when you purchased fig, please don’t hesitate to contact me, i am happy to assist.

Tactics

• Responsive.
• Touch friendly.
• HTML5 or HTML4 setup.
• Links may also be put in or across the component, making all the picture clickable.
• Not On Time image loading, images will load and animate while the scroll into view.
• Collection grouping and loading, crew images in combination to animate their load animations in sequence.

Document sizes

• fig.css (30Kb, 3Kb gzipped)
• fig.js (7Kb, 3Kb gzipped)

Browsers

• Chrome
• Safari
• Firefox
• Opera
• iOS 6+
• IE10
• IE9 (no animations)
• IE8 (no animations, no longer responsive, static captions)

Anticipated to work on Android 4.0+ in addition however for now untested, in case you have any doubts take a look at the Are Living Preview to make sure that earlier than buying.

WordPress

Lately Fig has not been examined with WordPress. I see no the reason for this is that it'll not paintings. on your comfort I’ve introduced some WordPress plugin references beneath.

you need to have the option to link the fig information the usage of this plugin: CSS and JS hyperlinks

The plugin under will have to allow you so as to add Fig HTML in your articles. Raw HTML

Footage

The pictures used in the Live Preview are copyrighted under creative commons license Attribution 2.0 Normal.

• Fig & Almond Tart
• Fig Jam
• Fig Pie
• Fig Pie Full
• Fig Muffins
• Fig in Tree

History

v1.1.THREE

• Fastened: iOS contact adventure might sometimes not work with caption duvet surroundings

v1.1.2

• Brought: CSS uncompressed source record
• Mounted: more than a few small bugs as said by means of users
• Fixed: complicated structure rendering on IE8
• Advanced: efficiency

v1.1.1

• Mounted: problems with image loading on ie8 and ie9

v1.1.0

• Brought: responsive, fig components will scale depending on to be had monitor actual estate
• Delivered: .fig-block which allows you to make a fig component fill all of the line it's on
• Brought: .fig-set which allows quite a lot of scalable fig layouts (alpha to theta)
• Added: .fig-hyperlink prevents underline on caption
• Brought: font and text style options
• Brought: push animation now routinely blocks the blur effect
• Fastened: scale of fig items whilst in .fig-row or .fig-set
• Fixed: block degree hyperlinks in gallery now don’t show underline
• Notes: new capability won't absolutely serve as on IE8

v1.0.4

• Fixed: margins on pictures
• Fixed: small tweaks to border field shadow
• Mounted: caption push now not triggers on it’s own

FULL DOWNLOAD