Phone: +0(123) 456 78 90 Email: company@gmail.com

Hover Animated Stack

Some Settings Variations

The only limitation is your imagination.

Box Title

Subtitle
Moving the goalposts strategic staircase, market-facing. Let's put a pin in that beef up. Knowledge is power. Fire up your browser powerPointless.
.dpr-hover-animated-stack-69ee7771499d7-2013 {min-height:150px}#hover-animated-layer-69ee777149a23-1997 { transition-property: all;transition-duration: 1s;transition-timing-function: ease;color: #eaf4fe;opacity: 0;}#dpr-hover-animated-stack-69ee7771499d7-2013:hover #hover-animated-layer-69ee777149a23-1997 { transition-property: all;opacity: 1;transform: rotate(-15deg) scale(1.1) translateX( -12px) translateY( -8px);}#hover-animated-layer-69ee777149a23-1997 svg path { fill: #eaf4fe;}#hover-animated-layer-69ee777149a23-1997 svg path { transition: fill .4s ease; }#hover-animated-layer-69ee777149a32-370 { transition-property: all;transition-duration: 1s;transition-timing-function: ease;color: #c6e2fa;opacity: 1;}#dpr-hover-animated-stack-69ee7771499d7-2013:hover #hover-animated-layer-69ee777149a32-370 { transition-property: all;opacity: 1;transform: rotate(15deg) scale(1) translateX( -5px) translateY( -5px);}#hover-animated-layer-69ee777149a32-370 svg path { fill: #c6e2fa;}#hover-animated-layer-69ee777149a32-370 svg path { transition: fill .4s ease; }#hover-animated-layer-69ee777149a3e-1242 { transition-property: all;transition-duration: 1s;transition-timing-function: ease;color: #ffffff;opacity: 1;}#dpr-hover-animated-stack-69ee7771499d7-2013:hover #hover-animated-layer-69ee777149a3e-1242 { transition-property: all;opacity: 1;transform: rotate(0deg) scale(1) translateX( -5px) translateY( -5px);}");})(jQuery);

Box Title

Subtitle
Moving the goalposts strategic staircase, market-facing. Let's put a pin in that beef up. Knowledge is power. Fire up your browser powerPointless.
.dpr-hover-animated-stack-69ee777149c73-1044 {min-height:150px}#hover-animated-layer-69ee777149cab-5104 { transition-property: all;transition-duration: 1s;transition-timing-function: ease;color: #f82528;opacity: 0;}#dpr-hover-animated-stack-69ee777149c73-1044:hover #hover-animated-layer-69ee777149cab-5104 { transition-property: all;opacity: 1;transform: rotate(-15deg) scale(1.1) translateX( -12px) translateY( -8px);}#hover-animated-layer-69ee777149cab-5104 svg path { fill: #f82528;}#hover-animated-layer-69ee777149cab-5104 svg path { transition: fill .4s ease; }#hover-animated-layer-69ee777149cba-776 { transition-property: all;transition-duration: 1s;transition-timing-function: ease;color: #0a30a9;opacity: 1;}#dpr-hover-animated-stack-69ee777149c73-1044:hover #hover-animated-layer-69ee777149cba-776 { transition-property: all;opacity: 1;transform: rotate(15deg) scale(1) translateX( -5px) translateY( -5px);}#hover-animated-layer-69ee777149cba-776 svg path { fill: #0a30a9;}#hover-animated-layer-69ee777149cba-776 svg path { transition: fill .4s ease; }#hover-animated-layer-69ee777149cc4-2240 { transition-property: all;transition-duration: 1s;transition-timing-function: ease;color: #ffffff;opacity: 1;}#dpr-hover-animated-stack-69ee777149c73-1044:hover #hover-animated-layer-69ee777149cc4-2240 { transition-property: all;opacity: 1;transform: rotate(0deg) scale(1) translateX( -5px) translateY( -5px);}");})(jQuery);

Box Title

Subtitle
Moving the goalposts strategic staircase, market-facing. Let's put a pin in that beef up. Knowledge is power. Fire up your browser powerPointless.
.dpr-hover-animated-stack-69ee777149ebb-1379 {min-height:150px}#hover-animated-layer-69ee777149ee9-7985 { transition-property: all;transition-duration: 1s;transition-timing-function: ease;color: #feebeb;opacity: 0;}#dpr-hover-animated-stack-69ee777149ebb-1379:hover #hover-animated-layer-69ee777149ee9-7985 { transition-property: all;opacity: 1;transform: rotate(-15deg) scale(1.1) translateX( -12px) translateY( -8px);}#hover-animated-layer-69ee777149ee9-7985 svg path { fill: #feebeb;}#hover-animated-layer-69ee777149ee9-7985 svg path { transition: fill .4s ease; }#hover-animated-layer-69ee777149ef6-655 { transition-property: all;transition-duration: 1s;transition-timing-function: ease;color: #f82528;opacity: 1;}#dpr-hover-animated-stack-69ee777149ebb-1379:hover #hover-animated-layer-69ee777149ef6-655 { transition-property: all;opacity: 1;transform: rotate(15deg) scale(1) translateX( -5px) translateY( -5px);}#hover-animated-layer-69ee777149ef6-655 svg path { fill: #f82528;}#hover-animated-layer-69ee777149ef6-655 svg path { transition: fill .4s ease; }#hover-animated-layer-69ee777149f0a-145 { transition-property: all;transition-duration: 1s;transition-timing-function: ease;color: #ffffff;opacity: 1;}#dpr-hover-animated-stack-69ee777149ebb-1379:hover #hover-animated-layer-69ee777149f0a-145 { transition-property: all;opacity: 1;transform: rotate(0deg) scale(1) translateX( -5px) translateY( -5px);}");})(jQuery);
1

Box Title

Subtitle
Moving the goalposts strategic staircase, market-facing. Let's put a pin in that beef up. Knowledge is power. Fire up your browser powerPointless.
.dpr-hover-animated-stack-69ee77714a23d-6804 {min-height:160px}#hover-animated-layer-69ee77714a267-6059 { transition-property: all;transition-duration: 0.5s;transition-timing-function: ease;color: #0a30a9;opacity: 0.1;}#dpr-hover-animated-stack-69ee77714a23d-6804:hover #hover-animated-layer-69ee77714a267-6059 { transition-property: all;opacity: 1;transform: rotate(15deg) scale(1.2) translateX( -5px) translateY( -5px);}#hover-animated-layer-69ee77714a267-6059 svg path { fill: #0a30a9;}#hover-animated-layer-69ee77714a267-6059 svg path { transition: fill .4s ease; }#hover-animated-layer-69ee77714a2f6-5996 { transition-property: all;transition-duration: 0.6s;transition-timing-function: ease;color: #0a30a9;opacity: 1;}#dpr-hover-animated-stack-69ee77714a23d-6804:hover #hover-animated-layer-69ee77714a2f6-5996 { transition-property: all;color: #ffffff;opacity: 1;transform: rotate(0deg) scale(1.2) translateX( 3px) translateY( 3px);}");})(jQuery);
2

Box Title

Subtitle
Moving the goalposts strategic staircase, market-facing. Let's put a pin in that beef up. Knowledge is power. Fire up your browser powerPointless.
.dpr-hover-animated-stack-69ee77714a4f9-7514 {min-height:160px}#hover-animated-layer-69ee77714a525-4659 { transition-property: all;transition-duration: 0.5s;transition-timing-function: ease;color: #eaf4fe;opacity: 1;}#dpr-hover-animated-stack-69ee77714a4f9-7514:hover #hover-animated-layer-69ee77714a525-4659 { transition-property: all;color: #c6e2fa;opacity: 1;transform: rotate(15deg) scale(1.2) translateX( -5px) translateY( -5px);}#hover-animated-layer-69ee77714a525-4659 svg path { fill: #eaf4fe;}#hover-animated-layer-69ee77714a525-4659 svg path { transition: fill .4s ease; }#dpr-hover-animated-stack-69ee77714a4f9-7514:hover #hover-animated-layer-69ee77714a525-4659 svg path {fill: #c6e2fa !important;}#hover-animated-layer-69ee77714a541-8342 { transition-property: all;transition-duration: 0.6s;transition-timing-function: ease;color: #c6e2fa;opacity: 1;}#dpr-hover-animated-stack-69ee77714a4f9-7514:hover #hover-animated-layer-69ee77714a541-8342 { transition-property: all;color: #000538;opacity: 1;transform: rotate(0deg) scale(1.2) translateX( 3px) translateY( 3px);}");})(jQuery);
3

Box Title

Subtitle
Moving the goalposts strategic staircase, market-facing. Let's put a pin in that beef up. Knowledge is power. Fire up your browser powerPointless.
.dpr-hover-animated-stack-69ee77714a70f-4740 {min-height:160px}#hover-animated-layer-69ee77714a738-3269 { transition-property: all;transition-duration: 0.5s;transition-timing-function: ease;color: #f82528;opacity: 0.1;}#dpr-hover-animated-stack-69ee77714a70f-4740:hover #hover-animated-layer-69ee77714a738-3269 { transition-property: all;opacity: 1;transform: rotate(15deg) scale(1.2) translateX( -5px) translateY( -5px);}#hover-animated-layer-69ee77714a738-3269 svg path { fill: #f82528;}#hover-animated-layer-69ee77714a738-3269 svg path { transition: fill .4s ease; }#hover-animated-layer-69ee77714a74f-471 { transition-property: all;transition-duration: 0.6s;transition-timing-function: ease;color: #f82528;opacity: 1;}#dpr-hover-animated-stack-69ee77714a70f-4740:hover #hover-animated-layer-69ee77714a74f-471 { transition-property: all;color: #ffffff;opacity: 1;transform: rotate(0deg) scale(1.2) translateX( 3px) translateY( 3px);}");})(jQuery);
×