Mobile application

FANTAZM

With FANTAZM – scan cards, watch videos and listen to augmented reality music.

Goals and objectives of the project

Augmented reality.
Card management panel: add, delete, adjust information.

Détails du projet

Greensens

Megapolis

ROMSTROY EMERGENCY

HUB ESTATE

PAWNSHOP SAIL

Pyrus Capital

Charles Simon

Camargo Research Group

Commande

En remplissant le formulaire, vous faites le premier pas vers le projet fini...

:container{ transform: skewX(-12deg); transform-style: preserve-3d; perspective: 500px; } :doodle { grid-gap: 3px; clip-path: polygon(40% 5%, 40% 20%, 100% 20%, 100% 80%, 40% 80%, 40% 95%, 10% 50%); width: 15vw; height: 15vw; position: absolute; top:50%; right:0; transform: translateY(-50%); } border-radius: 50%; background: #000; --scaledelay: calc(( (@abs(@abs(@row - @size-row/2) + @abs(@col - @size-col/2) - @size-col) / @size-col) - 1) * -1.5s) ; animation-name: scale; animation-duration: 5s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; animation-delay: var(--scaledelay); perspective: 100px; transform-style: preserve-3d; transform: skewX(12deg) translateZ(0px); box-shadow: 20px 20px 8px -1px rgba(29, 30, 34, 0.5); @keyframes scale { 0%{ transform: skewX(12deg) translate3d(0, 0, 0); box-shadow: 20px 20px 8px -1px rgba(29, 30, 34, 0.5); } 50%{ transform: skewX(12deg) translate3d(20px, 20px, 20px); box-shadow: 2px 2px 1px 0px rgba(29, 30, 34, 0.8); } 100%{ transform: skewX(12deg) translate3d(0, 0, 0); box-shadow: 20px 20px 8px -1px rgba(29, 30, 34, 0.5); } }