Розробка сайту

HUB ESTATE

Парус ломбард

Pyrus Capital

Charles Simon

Camargo Research Group

ENGINE MEDIA EXCHANGE

Folk

SUNTOWN

VEXEL

WEB LEGIS

Jem Production

Замовити

Заповнивши форму, ви робите перший крок до готового проекту.

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