Portföy

Greensens

Megapolis

FANTAZM

ROMSTROY

HUB ESTATE

PAWNSHOP SAIL

Pyrus Capital

Charles Simon

Camargo Research Group

ENGINE MEDIA EXCHANGE

Folk

SUNTOWN

VEXEL

WEB LEGIS

Jem Production

Sipariş

Formu doldurarak bitmiş projeye doğru ilk adımı atıyorsunuz...

: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); } }