transform-propagate-inherit-boolean-001.html (987B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>CSS Test (Transforms): em on Multiple Elements</title> 5 <link rel="author" title="L. David Baron" href="https://dbaron.org/"> 6 <link rel="author" title="Aryeh Gregor" href="mailto:ayg@aryeh.name"> 7 <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#transform-property"> 8 <meta name="assert" content="This tests that when a 'transform' rule using 9 em affects two elements with different font-sizes, it affects each 10 according to its respective font-size, rather than using the same length 11 for both. See: https://bugzilla.mozilla.org/show_bug.cgi?id=460440"> 12 <link rel="match" href="transform-propagate-inherit-boolean-ref.html"> 13 <style> 14 p { 15 font-size: 20px; 16 margin: 0; 17 height: 0; 18 width: 100px; 19 transform: translateX(4em); 20 } 21 p + p { 22 font-size: 40px; 23 } 24 </style> 25 </head> 26 <body> 27 <p>One</p> 28 <p>Two</p> 29 </body> 30 </html>