-
Você pretende usar a Umbler principalmente para?
-
Quanto você gasta com hosting e emails por mês?
Ganhar dinheiro
.card-background {
background: #e2e8ff url('//static.umbler.com/umbootstrap/assets/img/prototyper/app/bg-umblerito-mario.png') bottom left no-repeat;
background-size: contain;
}
/* animated */
.umblerito-img {
right: -20px;
bottom: 60px;
}
.umblerito-mario-img,.mario-coin-img,
.mario-box-coin-img {
transition: transform .3s, bottom .3s;
}
.umblerito-img.hover .umblerito-mario-img,
.umblerito-img.completed .umblerito-mario-img {
transform: translateY(-40px);
}
.umblerito-img.hover .mario-box-coin-img,
.umblerito-img.completed .mario-box-coin-img {
transform: translateY(-8px);
transition-delay: .2s;
transition-duration: .1s;
}
.umblerito-img.completed .mario-new-coin {
animation: mario-flip-coin .28s 0s linear infinite;
bottom: 140px;
opacity: 1;
}
.umblerito-mario-img {
bottom: 0;
position: relative;
will-change: transform;
}
.mario-box-animated {
position: absolute;
bottom: 320px;
}
.mario-box-animated .mario-coin-img,
.mario-box-animated .mario-box-img,
.mario-box-animated .mario-box-coin-img {
position: absolute;
}
.mario-coin-img,
.mario-box-img,
.mario-box-coin-img {
background: url('//static.umbler.com/umbootstrap/assets/img/prototyper/app/sprite-umblerito-mario.png') no-repeat;
bottom: 0;
display: block;
}
.mario-coin-img {
background-position: -10px -164px;
bottom: 10px;
left: 22px;
opacity: 0;
width: 60px;
height: 72px;
will-change: opacity, transform;
}
.mario-box-img {
background-position: -10px -10px;
left: -50px;
width: 93px;
height: 134px;
}
.mario-box-coin-img {
background-position: -123px -10px;
width: 117px;
height: 87px;
will-change: transform;
}
@keyframes mario-flip-coin {
0% {
transform: scale(1, 1);
}
50% {
transform: scale(-1, 1);
}
100% {
transform: scale(1, 1);
}
}
