Paine: And then probably a stroke of some sort
Lesnick: Animalroam: around the image itself, as opposed around the img element?
Markie: Animalroam: how much support are you after? latest browsers only?
Affelt: Btw chrome mobile also does filters
Blomquist: Because what you really want on a tiny device is more client-side load
Yoeckel: Bprompt, yes, later versions
Hornberger: Reisio, so are you suggesting to make an svg?
Borden: Bprompt, the progid syntax does not seem to work on edge
Greet: Animalroam: for bitmaps, I don’t see much relief from either css filters or compositing and masking, neither of them do “edge detection”, which is what you’re after, they only change the hue or blend it about
Cabreja: Animalroam: yes, I think Edge has shed a few non-standard things from IE
Succop: Animalroam: why you need the effect anyway? I mean, DTP wise, is not like you’re doomed to use it or be damned, surely you can get “emphasis” using a different compatible effect
Febbraio: Bprompt, when user clicks on img, it should glow
Kaus: Animalroam: got that, are you doomed to use that effect or be damned? can it be something else?
Chernick: Well, it would definitely make it cooler, but it’s not absolutely mandatory
Olcott: Animalroam: well. there’s no relief css wise for it, there’s no “edge detection” for bitmaps, you could, as suggested, do so with svg’s though, ***uming the outter element is one solid vector component
Foxe: Seems like canvas is also feasible
Beidleman: Animalroam: well, as far as “cooler”, some time ago some folks found blink to be “cool”, shortly after it wasn’t too cool though =
Luera: Which one do you think would be better
Diedricks: Animalroam: canvas is bitmap, doubt that
Lull: Bprompt, something like https://philip.html5.org/demos/canvas/shadows/various.html
Krall: Animalroam: you can do all those with css box-shadow, simple to do, you can even make it really fancy, since box-shadow does multiple shadows, BUT, those shown there in the canvas, are “drawn” by canvas line subroutines, they’re not really bitmaps per se, in the sense that is a photographic image, the issue isn’t with rectangles or other shapes, the issue is with photographic ones
Kliebert: Bprompt, but in canvas you can make it go around the object instead of being it around the img element like in css box-shadow
Benanti: Animalroam: sure, and css can do that on any element, no need for canvas for that, the issue arises when you want to do that to photographic images edges
Gettis: Bprompt, for the dice, css can’t do that can it?
Litaker: Animalroam: the dice picture, is an img, not a canvas object
Antenucci: Animalroam: as far as can css do that, well, we’re back to square one, css thus far, doesn’t do “edge detection” on bitmaps
Louwagie: Hmm, so svg would be best bet?
Jaksic: Animalroam: for that, yes, but svg is not a photo, so you’d need to draw it or have it drawn, and then you can apply css to the svg outer edge
Villerreal: Would that be a problem if a website logo is svg?
Adami: Animalroam: if you need some effect on the photo image, nevermind the glowing effect, css wise, there’s no property to produce it, so unless you apply the glow to the photo in the graphic application, I’d say, use something else, is not like users are going to say, “oh my gosh, no glowinng effect, I’m outta here”, you can produce emphasis on an element in many ways, even with just a lousy arrow on its side
Stephanski: Animalroam: logo’s by definition are “drawing”, so an svg is perfect for logos
Seufer: Hmm, why are most of the logos I see on websites pngs?
Ueki: Pngs maintain full quality
Fabozzi: Animalroam: well, logos are just logos, you could use a gif or jpeg or png for one, sure, they’re still drawing, an svg works far better since its vector-based, but it’s up to the website, they could use either, a png is a “cheap” way to get it done