Skip to content

Instantly share code, notes, and snippets.

@floscher

floscher/bug928449.html

Created March 7, 2015 19:52
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save floscher/d3e751cb65e6e3f56e52 to your computer and use it in GitHub Desktop.
Save floscher/d3e751cb65e6e3f56e52 to your computer and use it in GitHub Desktop.
Download ZIP
Minimal example for firefox bug 928449
Raw
bug928449.html
<!DOCTYPE html>
<script src="https://code.jquery.com/jquery.min.js"></script>
<style>
span {
top:10%;
left:50%;
position:absolute;
animation: scale 30s infinite alternate linear;
}
@keyframes scale {
from { font-size:20px } to { font-size: 3000px }
}
</style>
<span style="color:red;transform:scale(3)">A</span>
<span style="color:yellow; transform: scale(2)">A</span>
<span style="color:green">A</span>
<div id="size-display" style="z-index:500;display:absolute"></div>
<script>$(function() {setInterval(function () {$('#size-display').html($('span').css('font-size'));}, 50);});</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment