<div id="svgContainer"></div>
html {
margin: 0;
padding: 0;
background-color: #1E1C26;
}
body,
html {
width: 100%;
height: 100%;
overflow: hidden;
background-color: #000;
}
#svgContainer {
max-width: 100%;
max-height: 100%;
background-color: #1E1C26;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
/* Shapes */
var svgContainer = document.getElementById('svgContainer');
var animItem = bodymovin.loadAnimation({
wrapper: svgContainer,
animType: 'svg',
loop: true,
path: 'https://labs.nearpod.com/bodymovin/demo/markus/isometric/markus2.json'
});
This Pen doesn't use any external CSS resources.