Closed 2 days ago.

I have been scouring the internet to find ways to implement this animation feature on my portfolio website. The animation-timeline works as I intended in development, but when I run deploy (using Github Pages) it does not work on my production site. Also like to note that the Chrome devtools shows a slash through the animation-timeline attribute.

I want to scale an image proportionally to cover the width and height of the browser window so that the user only has to scroll either to the side or down to see the entire image, regardless of the dimensions of the image and the browser. I have used min-width: 100vw and min-height: 100vh. The code works ok as long as the browser’s window is larger than the image’s pixel dimensions. How do I make it work on larger images?

I want to scale an image proportionally to cover the width and height of the browser window so that the user only has to scroll either to the side or down to see the entire image, regardless of the dimensions of the image and the browser. I have used min-width: 100vw and min-height: 100vh. The code works ok as long as the browser’s window is larger than the image’s pixel dimensions. How do I make it work on larger images?

I want to scale an image proportionally to cover the width and height of the browser window so that the user only has to scroll either to the side or down to see the entire image, regardless of the dimensions of the image and the browser. I have used min-width: 100vw and min-height: 100vh. The code works ok as long as the browser’s window is larger than the image’s pixel dimensions. How do I make it work on larger images?

I want to scale an image proportionally to cover the width and height of the browser window so that the user only has to scroll either to the side or down to see the entire image, regardless of the dimensions of the image and the browser. I have used min-width: 100vw and min-height: 100vh. The code works ok as long as the browser’s window is larger than the image’s pixel dimensions. How do I make it work on larger images?

I want to scale an image proportionally to cover the width and height of the browser window so that the user only has to scroll either to the side or down to see the entire image, regardless of the dimensions of the image and the browser. I have used min-width: 100vw and min-height: 100vh. The code works ok as long as the browser’s window is larger than the image’s pixel dimensions. How do I make it work on larger images?

I want to scale an image proportionally to cover the width and height of the browser window so that the user only has to scroll either to the side or down to see the entire image, regardless of the dimensions of the image and the browser. I have used min-width: 100vw and min-height: 100vh. The code works ok as long as the browser’s window is larger than the image’s pixel dimensions. How do I make it work on larger images?

I want to scale an image proportionally to cover the width and height of the browser window so that the user only has to scroll either to the side or down to see the entire image, regardless of the dimensions of the image and the browser. I have used min-width: 100vw and min-height: 100vh. The code works ok as long as the browser’s window is larger than the image’s pixel dimensions. How do I make it work on larger images?

I want to scale an image proportionally to cover the browser window so that the user only has to scroll either to the side or down to see the entire image, regardless of the dimensions of the image and the browser. I have used min-width=100vw and min-height=100vh. The code works ok as long as the browser’s window is larger than the image’s pixel dimensions. How do I make it work on larger images?