LetsBuildRockets / letsbuildrockets.github.io

1 stars 1 forks source link

Images -> SVG #20

Open gisellegk opened 7 years ago

gisellegk commented 7 years ago

Right now they are pngs

This is mostly regarding the logo and the footer images

not sure if this will be friendly with the hover effect w/ sprite image @K-law is thinking about implementing.

But it still would be nice to use a vector image for the logo

TJScalzo commented 6 years ago

Regarding the hover effect with the footer images, if you use an SVG you can use CSS to make it change color when you hover it. The images would look crisper since they're dynamically generated for whatever screen resolution loading them.

gisellegk commented 6 years ago

I agree, we should switch to this technique.

On Wed, Nov 29, 2017 at 8:09 AM, Tim Scalzo notifications@github.com wrote:

Regarding the hover effect with the footer images, if you use an SVG you can use CSS to make it change color when you hover it http://www.petercollingridge.co.uk/data-visualisation/mouseover-effects-svgs. The images will look crisper since they're dynamically generated for whatever screen resolution loading them.

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/LetsBuildRockets/letsbuildrockets.github.io/issues/20#issuecomment-347855349, or mute the thread https://github.com/notifications/unsubscribe-auth/AC4tv2aPaZc4xmv3t7V7MyJnM61YWlkmks5s7VdvgaJpZM4LcFsk .

-- Giselle Koo