Is it possible to apply CSS to half of a character? | Hacker News Reader

Is it possible to apply CSS to half of a character?

stackoverflow.com

112 pointstaylorwc17 comments

Funny story, this is a direct result of my (small) city spending something like half a million on new branding.

http://www.halifax.ca/home/

I see they weren't as advanced, but resorted to an image instead. :-(

Nothing inherently wrong with an image for a logo, since it works consistently across browsers (both old and new) and looks identical to everyone.

You'll just want the master to be a vector graphic so that you can create multiple scaled raster graphics (e.g. PNGs) to fit different circumstances and usages (since, again, browser support sucks for a lot of vector formats).

Always nice to see fellow Atlantic Canadians online! I'm from Saint John, NB.

Hello from Halifax! Second time I've seen some of us here. Did we really spend that much on a that logo?

Halifax is in Nova Scotia! Which is in Canada! Which is on Earth! Which is in Canada!

Past HN discussion (85 comments): https://news.ycombinator.com/item?id=7733658

Your scientists were so preoccupied with whether or not they could, they didn’t stop to think if they should.

It's WordArt all over again

Some of my favorite "code golf" things with CSS (if you can even call it that) have to do with re-creating word-art-esque things.

3-d block lettering is surprisingly difficult to do

majestic reply on StackOverflow by user Arbel. should be taken as example of completeness and clearity

Just needs a touch of marquee and we're golden!

and blink :)

Interesting, this works in Chrome for me but it uses attr() in CSS and CanIUse says that's not usable:

http://caniuse.com/#feat=css3-attr

I've never seen that website be wrong so I'm slightly confused.

If you read closer:

CSS Values and Units Level 3 adds the ability to use attr() on any CSS property, not just content, and to use it for non-string values (e.g. numbers, colors).

It's not attr that's unusable, but rather being able to use it on any arbitrary CSS property. Though I'm surprised they don't have a separate entry for just the attr function alone.

http://razvanbalosin.com/Splitchar.js/

That website seems to assume nobody uses a mouse's scroll wheel. Kind of frustrating.

Reply on news.ycombinator.com