Verkkokaupparatkaisut
Se helpoin tapa tilata yrityksellesi markkinointi-materiaaleja
Yrityksen logon saaminen kahvimukin kylkeen pitäisi olla juuri niin yksinkertaista kuin miltä se kuulostaa. Organisaatiosi markkinointi- ja myyntimateriaalien suunnittelu, personointi, tilaus ja lähettäminen onnistuvat helposti verkkokaupparatkaisumme avulla.
Tutustu ilmaiseksi
:doodle {
@grid: 8 / 33vw 45vw;
perspective: 20vw;
perspective-origin: -50% -100%;
transform: scale(1);
max-height: 45rem;
max-width: 45rem;
}
:container {
transform-style: preserve-3d;
animation: camera 5s ease-in-out infinite;
animation-direction: alternate-reverse;
transform: rotateX(180deg) rotate(-15deg) translateY(0%);
}
--ds: @r(15s, 45s, .1s);
--size: @r(1, 9);
/* Thanks to mootari for the tip */
--z: calc(@i() * .0001px + var(--size) * .1px);
animation:
move var(--ds) linear infinite,
opacity var(--ds) linear infinite;
animation-delay:
calc((@row() - @size-row()) * var(--ds) / @size-row() - @r(@size()) * .1s);
:after {
content: '';
@size: calc(var(--size) * 10%);
background: @p(#FF233B, #0c6895, #3ffead, #d2e0eb);
border-radius: 1rem;
}
position: absolute;
left: calc(@col() * 100% / @size-row());
@size: calc(100% / @size-row());
@keyframes move {
0% {
transform:
translate3d(0, calc(10% * @size-row()), var(--z))
rotateX(0) scaleY(.8);
}
100% {
transform:
translate3d(0, calc(90% * @size-row()), var(--z))
scale(1);
}
}
@keyframes opacity {
0%, 100% { opacity: 0; }
10%, 90% { opacity: .9; }
}