preserve-3d test for Modernizr based on https://gist.github.com/4123325

Modernizr_preserve-3d_test.js

(function(Modernizr, win){
    Modernizr.addTest('csstransformspreserve3d', function () {
 
        var prop = Modernizr.prefixed('transformStyle');
        var val = 'preserve-3d';
        var computedStyle;
        if(!prop) return false;
 
        prop = prop.replace(/([A-Z])/g, function(str,m1){ return '-' + m1.toLowerCase(); }).replace(/^ms-/,'-ms-');
 
        Modernizr.testStyles('#modernizr{' + prop + ':' + val + ';}', function (el, rule) {
            computedStyle = win.getComputedStyle ? getComputedStyle(el, null).getPropertyValue(prop) : '';
        });
 
        return (computedStyle === val);
    });
}(Modernizr, win));

Great, you saved my time :)
Thanks for share it!

it won't work in Chrome 26 -,but i am not mean your code .

my problem here is:
when I use your code test Chrome 26- ,it shows it supported preserve-3d,so i wrote some css3 in the page.
However it couldn't do what preserve-3d shoud do,it won't keep 3d position. Chrome 29 did just fine.
plz help me with it. thx:)