diff --git a/r2/r2/public/static/css/goldinfo.less b/r2/r2/public/static/css/goldinfo.less index 4cd776f16..475e0238c 100644 --- a/r2/r2/public/static/css/goldinfo.less +++ b/r2/r2/public/static/css/goldinfo.less @@ -1,3 +1,11 @@ +.transition (@property, @duration, @function: ease, @delay: 0s) { + -webkit-transition: @arguments; + -moz-transition: @arguments; + -o-transition: @arguments; + -ms-transition: @arguments; + transition: @arguments; +} + .transform(...) { -webkit-transform: @arguments; -moz-transform: @arguments; @@ -95,6 +103,25 @@ section#gold-letter { font-family: sans-serif; font-size: .75em; } + + &:after { + content: ''; + display: block; + position: absolute; + top: 85px; + left: 310px; + width: 200px; + height: 276px; + background: url(../gold/sparklepants.png); + z-index: 100; + opacity: 0; + } + + &:hover:after { + opacity: 1; + left: 210px; + .transition(all, 0.5s, ease, 7s); + } } } } diff --git a/r2/r2/public/static/gold/sparklepants.png b/r2/r2/public/static/gold/sparklepants.png new file mode 100644 index 000000000..275f030a1 Binary files /dev/null and b/r2/r2/public/static/gold/sparklepants.png differ