New Stack “ANIMASK”, The next level on SVG animation!

Hi guys

I’m happy to present another innovative stack made with HypePro.
Animask uses a custom curved shape to selectively reveal parts of other images and text. It works on all browser and the stack deliver also a sophiticated fallback for old IE (managed also in preview).

you can mix 25 shapes in morphing

stack_animask_preview_1 Demo online

Mix all shapes for endless combinations

animask_3states_horizontal

30+ Models ready to use

stack_animask_preview_2
stack_animask_preview_3
Explore Styles

A magic mask!

stack_animask_sequence_small

Internet Explorer fallback with live preview!

ie

5 projects for RW frameworks

frameworks
demos frameworks

And also an extra project for RWML Multilingual Stack by @willwood

stack_animask_preview_8
demo 3 languages

Here a coupon 20%off
animaskrwfolks

thanks to everyone!
Michelangelo

9 Likes

Instant buy. But could you please add support for the default fonts used in Foundry or support the TypeFace stack of Foundry? For GDPR reasons I do use self-hosted fonts and the TypeFace stack, so that will make my life easier and the site will look more consistent.

4 Likes

Instant buy for the whole bundle (a true no brainer!).

4 Likes

Instant buy for the bundle. Like @Fuellemann says, it would be great to add font support for Typeface :pray:

3 Likes

With the option below you can load the framework fonts through the “external font" option.

stack option
Screenshot 4

Foundry by @Elixir
Screenshot 5

The font source can be also in another stack or in the theme, just copy the font family and paste into the field “external font”.

BTW you can use also safe fonts

2 Likes

the same option "external font " is available in all stacks with text
Hype Titles, Boxed Titles, Solid, ImageUp and DisplayDesk

thanks a lot!

2 Likes

Awesome! That does indeed work beautifully! Thank you! :+1:

You you have a promo code for Bundle Motion Design - 8x Stacks with hype?

1 Like

We’ve sent discounts to all our subscribers

And you tell me that now??? :stuck_out_tongue_winking_eye:

So what do I type in the External Font field exactly? The name of the font as it is stored in ressources?

our subscribers always get discounts :slight_smile:

@Fuellemann
Each font is defined by a family and in your case it should be Lato
When loading external fonts check the family name ( something like font-family: "Lato", sans-serif; ) and paste only the name. Same rule for FONTPRO or similat stacks

1 Like