var firstGranim = new Granim({
element: "#first",
name: "first-gradient",
direction: "diagonal",
opacity: [1, 1],
image: {
source: "https://images3.imgbox.com/50/68/jQRyNvkP_o.jpg",
position: ["center", "center"],
blendingMode: "lighten"
},
states: {
"default-state": {
gradients: [["#8BC34A", "#FF9800"], ["#FF0000", "#000000"]]
}
}
});
var secondGranim = new Granim({
element: "#second",
name: "second-gradient",
elToSetClassOn: ".wrapper",
direction: "top-bottom",
opacity: [1, 1],
image: {
source: "https://images3.imgbox.com/cc/5a/AAUndScI_o.jpg",
stretchMode: ["stretch", "stretch"],
blendingMode: "overlay"
},
states: {
"default-state": {
gradients: [["#9C27B0", "#E91E63"], ["#009688", "#8BC34A"]],
transitionSpeed: 2000
}
}
});