0

I have a line art, an animated transparent gif on page, made in photoshop. 

#img01{
    max-width:79%;
    max-height:79%;
    margin-top:3vh;
}

On small screen size (mobile), thickness of lines is too thin, and on screens over 1024px the lines are too thick ? Is there a way to scale only the size of image, and keep the thickness of drawing ?

qadenza
  • 9,025
  • 18
  • 73
  • 126
  • 1
    You cannot dynamically change the thickness of lines inside a GIF from CSS (or any other tech) without creating a new image. – Joan Charmant Jul 29 '13 at 12:18
  • @JoanCharmant, but I need what you say: NOT to change the thickness of lines dinamically. – qadenza Jul 29 '13 at 12:20
  • (Keeping the same thickness when the whole image is resized is like changing the thickness in the image: not possible.). If it's reasonable, you could create several animated GIF beforehand for a few selected standard displays, and select the right GIF based on user-agent or something. – Joan Charmant Jul 29 '13 at 12:23

1 Answers1

2

GIF is a raster-based image format. There's no way to nicely (and automatically) modify an image like that. What you're looking for is a vector-based image/animation format.

There are two obvious candidates for this:

  • Flash
  • SVG (Scalable Vector Graphics)
Phylogenesis
  • 7,775
  • 19
  • 27