2
3 Comments

Need help with my hero image

Hi guys,

I am currently working on building out my landing page for my productized service. I want a simple way to turn a 2D image into a "3D" image like in the attached picture (The attached image is from a webflow template I am using). Has anyone done this before?

Thanks!

on September 24, 2022
  1. 1

    Hi @Agp1113 - not sure if you solved your problem.

    I had a go at it using tailwind CSS [you could use raw CSS instead] - but you might be after a tool to generate the image. In case the CSS route is of interest, this playground is my go - https://play.tailwindcss.com/hxhQZW7H5d - using your image above. There is a lot of customisation that can be done from there.

    Good luck.

    1. 2

      I used rotate on the image - but likely the skew option might be a better choice for the 3D feel https://tailwindcss.com/docs/skew .

      1. 1

        Hey thanks a lot! this should work well for what I am trying to do. Thank you!!!