4 ms·
CSS3 Isometric text
- deleted 15y ago[deleted]
- jmitcheson 15y agoVery cool. I love the showmanship in the demo :)
- xtacy 15y agoI like it how the blue text selection also appears isometric!
- ck2 15y agoWorks in Firefox 3.6 which is nice too.
- mino 15y agoSimply amazing.
- kmfrk 15y agoThe best thing is the cross-browser compatibility. Normally, you see fancy things that only work on Webkit browsers or some such, which gives it little application.
- dg-mid 15y agoI particularly wanted to create something that was cross-browser, however there is still the problem of those with older browsers :(
- nightpool 15y agoMy favorite part is that it even works on my (android) phone!
- benjohnson 15y agoHorror of horror: it works with Blackberry's browser.
- mcritz 15y agoWorks on Safari for iPad.
- pierrefar 15y agoYes, and tap and hold to get the magnifier for a very cool effect.
- panic 15y agoEnter javascript:document.getElementsByClassName('text-block')[0].contentEditable=true into your address field and you can edit the isometric text! Pretty neat.
- AltIvan 15y agoEnter javascript:document.querySelectorAll(".skew1")[0].contentEditable=true;document.querySelectorAll(".skew1")[0].onkeyup = function(){ document.querySelectorAll(".skew2")[0].innerHTML = this.innerHTML }; And you can edit the big one in the top left (and its shadow!). Really amazing what HTML5 is capable of doing (and what people is capable of do with it of course)
- dg-mid 15y agoGenius! I never would have thought of this. I may well have to incorporate it in to the demo :o)