3 ms·

Does anyone know how the 3d effect in the header was achieved?

• gkoberger 6y ago
  It's surprisingly simple! I designed an SVG quick in Sketch, and did it in a way where I can shift things left to right. Then a few CSS animations just move things left to right. When rotated, it looks like it's rocking! Here's the initial SVG: https://p195.p4.n0.cdn.getcloudapp.com/items/OAuqBqvx/boat.svg?v=b7ea8350188628e6de9e5fe54388ded3 https://p195.p4.n0.cdn.getcloudapp.com/items/OAuqBqvx/boat.s... Everything else was just CSS
  • deleted 6y ago
    [deleted]
  • zekrioca 6y ago
    > where I can shift things left to right. What does it mean that the image can be shifted from left to right? Just out of curiosity, because I thought at some examples such as a circle, but maybe not some complex shape?
• jaywalk 6y ago
  It's all just CSS animations.