SVG ViewBox Templates
Square or variable format with 5 templates, Square icon + square, rectangle and super wide
ℹ️ SVG can be drawn at any pixel size. So they don’t need a clearly defined height or width. You’re going to need to provide ViewBox Values if you want the SVG to scale to fit the dimensions you give it.
Here you can find 5 samples and several demos in the project
Demo Viewbox 1000x300
ANIMATION: PLAY IN VIEW
Filling: ON | Shadow: ON | Link & anim: Slide
Demo Viewbox 768x768
ANIMATION: PLAY IN VIEW
Filling: ON | Shadow: ON | Link & anim: Scale
Demo Viewbox 768x768
ANIMATION: Linked to Scroll
Filling: ON | Shadow: ON | Link & anim: Slide & Scale
Wrapper with Background Image & Overlay
Demo Viewbox 768x550
ANIMATION: PLAY IN VIEW
Filling: ON | Shadow: ON | Link & anim: Slide
Demo Viewbox 768x550
ANIMATION: Linked to Scroll
Filling: ON | Shadow: ON | Link & anim: Scale
Wrapper with Background Image & Overlay
Demo Viewbox 550x768
ANIMATION: PLAY IN VIEW
Filling: ON | Shadow: ON | Link & anim: Off
Demo Viewbox 550x768
ANIMATION: Linked to Scroll
Filling: ON | Shadow: ON | Link & anim: Off
Wrapper with Background Image & Overlay
Demo Viewbox 1000x300
ANIMATION: PLAY IN VIEW
Filling: ON |Shadow: ON | Link & anim: Off
Demo Viewbox 1000x300
ANIMATION: Linked to Scroll
Filling: ON |Shadow: ON | Link & anim:Off
Wrapper with Background Image & Overlay
Made with Elements®