It can’t and that isn’t the job of css. What sort of benefit would you expect from an image created in css (if it were possible with the memory and time available) over a little gif of 34Kb? If it were 34Mb it would probably load quicker.
Presumably if the OP is looking for a text-based logo with an effect they linked to (eg: Shadow, 3D, emboss etc),using pure CSS will be quicker to process, but also has unrivalled retina support. It's lots of hassle making logo images look sharp and crisp across all devices, often needing multiple images, an .svg logo (which is beyond the skill level of many), or complex code to resize a single image. A pure CSS text-based logo requires minimal code and will appear crisp and sharp on any device and any resolution.
I'm sorry for the negative and unhelpful replies you've received - it seems being toxic and nonconstructive is still a favoured pass-time around here
I don’t see anything toxic or unhelpful. The OP asked a question that wasn’t clear, not to me anyway, the question was asked and, eventually we got to a point where we knew more or less what he wanted.
Sweet! That's definitely possible to recreate in CSSZNL wrote: ↑Sun Dec 03, 2017 8:04 amExactly... I have logo of cca 200 × 40 and if I zoom page, then it is just zoomed like picture, not recalculated...
It would be nice, to create logo in svg (I can do it with Inkscape), but maybe svg isn't supported on every end user browser(?)
While css will be supported in every browser. It's a clean solution.
I'll rather attache pictures of my logo...
This is how it looks on my forum:
Off Topic alert...
Users browsing this forum: No registered users and 7 guests