/** * Transitioning font-size and relative lengths * See: http://lists.w3.org/Archives/Public/www-style/2011Nov/0016.html */ #inner, #outer { transition: 3s font-size, 1s width; } #outer { font-size: 20px; white-space: nowrap; } #outer:hover { font-size: 50px; } #inner { width: 5em; background-color: orange; } #inner:hover { width: 10em; }