VELORA CSS PRESENTSVELORA CSS APRESENTA

V

OFF THE LINEFORA DA LINHA

An interactive film, written in CSS.Um filme interativo, escrito em CSS.

Best with sound. The animation is 100% CSS.Melhor com som. A animação é 100% CSS.

ACT I / THE DETOURATO I / O DESVIO

Everything had
its place.Tudo tinha
um lugar.

Until someone chose another.Até alguém escolher outro.

In a city where everything stayed in place, a V stepped off the line.Numa cidade onde tudo ficava no lugar, um V saiu da linha.

One gesture changes the next scene.Um gesto muda a próxima cena.

ACT II / THE RESISTANCEATO II / A RESISTÊNCIA

The world
said no.O mundo
disse não.

The V found a wall.
You can open the way.O V encontrou uma parede.
Você pode abrir a passagem.

You found a way through.Você encontrou uma passagem.

Every wall is just a surface waiting for a cut.Toda parede é só uma superfície esperando um corte.

ACT III / THE BREAKATO III / A RUPTURA

Beyond the
surface.Além da
superfície.

Scroll to drive the camera.
Scroll back to change the point of view.Role para conduzir a câmera.
Volte para mudar o ponto de vista.

ACT IV / THE IDENTITYATO IV / A IDENTIDADE

The same shape.
Your own tone.A mesma forma.
Seu próprio tom.

Choose a color and a lens.
The world follows who you are.Escolha uma cor e uma lente.
O mundo acompanha quem você é.

The accent of your journeyO acento da sua jornada
The camera lensA lente da câmera

ACT V / FREEDOMATO V / A LIBERDADE

Being able to stop.
Is also power.Poder parar.
Também é poder.

The story goes on, even at rest.A história continua, mesmo em repouso.

  • DirectionErik CardosoDireçãoErik Cardoso
  • MotionVelora CSS
  • CastElencoV
  • CameraThe browserCâmeraO navegador
  • FormatFormato2.39:1
  • SoundtrackWeb Audio, liveTrilhaWeb Audio, ao vivo
  • vl-enter · cut-reveal
  • vl-state · enter-exit
  • hover-slice
  • vl-loop-effect · float
  • vl-world · dolly
  • vl-world · orbit
  • vl-lights
  • vl-scene · vl-stage
  • vl-marquee
  • Skins
  • @property
  • :has()

And the browser ran all of this on its own.E o navegador executou tudo isso sozinho.

Build with the browser, not against it.

V / OFF THE LINEV / FORA DA LINHA
FormatFormato