pseudotransitions.js 956 B

1234567891011121314151617181920212223242526272829
  1. /*!
  2. {
  3. "name": "CSS Generated Content Transitions",
  4. "property": "csspseudotransitions",
  5. "tags": ["css"]
  6. }
  7. !*/
  8. define(['Modernizr', 'testStyles', 'prefixes', 'test/css/transitions'], function(Modernizr, testStyles, prefixes) {
  9. Modernizr.addTest('csspseudotransitions', function() {
  10. var result = false;
  11. if (!Modernizr.csstransitions || !window.getComputedStyle) {
  12. return result;
  13. }
  14. var styles =
  15. '#modernizr:before { content:" "; font-size:5px;' + prefixes.join('transition:0s 100s;') + '}' +
  16. '#modernizr.trigger:before { font-size:10px; }';
  17. testStyles(styles, function(elem) {
  18. // Force rendering of the element's styles so that the transition will trigger
  19. window.getComputedStyle(elem, ':before').getPropertyValue('font-size');
  20. elem.className += 'trigger';
  21. result = window.getComputedStyle(elem, ':before').getPropertyValue('font-size') === '5px';
  22. });
  23. return result;
  24. });
  25. });