TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Isometric text with CSS3

56 pointsby Kenanalmost 13 years ago

9 comments

powrtochalmost 13 years ago
It's really unfortunate that this would be so hard to use in production due to lack of a suitable IE fallback. If a browser doesn't support @font-face, for example, you can always fall back to a standard font. For isometric text though, lack of support would likely disrupt the page layout so badly that the only fallback solution would be images.<p>That said, as easy as it is to think of sites where isometric text would be a cool design element, I can't easily think of an application where it would need to be actual, editable text. Perhaps if you had a heavily futuristic themed CMS site...
评论 #4299403 未加载
msujawsalmost 13 years ago
This site fails to use unprefixed css properties when it uses the prefixed versions, so when newer browsers view the page they get a partial experience.
chinchangalmost 13 years ago
Nice! This can be used to make a really cool isometric website. Something similar but in terms of isometric blocks: <a href="http://kushagragour.in/lab/isoblocks/" rel="nofollow">http://kushagragour.in/lab/isoblocks/</a>
mp3geekalmost 13 years ago
Interesting firefox will do the isometric text, but not when its the shadow
评论 #4299342 未加载
Smudgealmost 13 years ago
Very similar to <a href="http://beta.theexpressiveweb.com/css3-web-fonts/" rel="nofollow">http://beta.theexpressiveweb.com/css3-web-fonts/</a>
Cyranixalmost 13 years ago
Looking forward to digging through the source code on this one. Pleasantly surprised that text selection with both mouse and keyboard worked intuitively and smoothly (Ubuntu/Chrome) -- usually I'd expect this kind of trickery to break down at some boring edge case like this. Same for zooming with Ctrl+mousewheel.
Foyalmost 13 years ago
I think if there was too much of this anywhere my neck would get a major kink in it. The specific font choice didn't help.<p>It's cool that this is _possible_ however, just not so cool for accessibility, or readability.
评论 #4300860 未加载
vegashackeralmost 13 years ago
Is this related to this project? <a href="http://www.themaninblue.com/experiment/Cubescape/new.php" rel="nofollow">http://www.themaninblue.com/experiment/Cubescape/new.php</a> Design looks the same.
评论 #4299345 未加载
rorrralmost 13 years ago
Fails in IE9<p>Half-fails in Firefox 14.0.1 (Win7)
评论 #4300691 未加载