Untitled

dabblet.css

article { border: 1px solid red; min-height: 100px}
article:hover menu {
    -webkit-animation-direction: alternate;
    -moz-animation-direction: alternate;
    -ms-animation-direction: alternate;
    -o-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation: fadeInUp 250ms ease-in-out alternate;
    -moz-animation: fadeInUp 250ms ease-in-out alternate;
    -ms-animation: fadeInUp 250ms ease-in-out alternate;
    -o-animation: fadeInUp 250ms ease-in-out alternate;
    animation: fadeInUp 250ms ease-in-out alternate;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both; }
  /* line 62, ../sass/screen.scss */
menu {
    opacity: 0;
    float: right; }

@-moz-keyframes fadeInUp {
  /* line 11, ../../../../.rvm/gems/ruby-1.9.3-p125/gems/animation-0.1.alpha.3/stylesheets/animation/animate/fading/_fading-entrances.scss */
  0% {
    -moz-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0; }

  /* line 14, ../../../../.rvm/gems/ruby-1.9.3-p125/gems/animation-0.1.alpha.3/stylesheets/animation/animate/fading/_fading-entrances.scss */
  100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }

@-webkit-keyframes fadeInUp {
  /* line 11, ../../../../.rvm/gems/ruby-1.9.3-p125/gems/animation-0.1.alpha.3/stylesheets/animation/animate/fading/_fading-entrances.scss */
  0% {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0; }

  /* line 14, ../../../../.rvm/gems/ruby-1.9.3-p125/gems/animation-0.1.alpha.3/stylesheets/animation/animate/fading/_fading-entrances.scss */
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }

@-o-keyframes fadeInUp {
  /* line 11, ../../../../.rvm/gems/ruby-1.9.3-p125/gems/animation-0.1.alpha.3/stylesheets/animation/animate/fading/_fading-entrances.scss */
  0% {
    -o-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0; }

  /* line 14, ../../../../.rvm/gems/ruby-1.9.3-p125/gems/animation-0.1.alpha.3/stylesheets/animation/animate/fading/_fading-entrances.scss */
  100% {
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }

@-ms-keyframes fadeInUp {
  /* line 11, ../../../../.rvm/gems/ruby-1.9.3-p125/gems/animation-0.1.alpha.3/stylesheets/animation/animate/fading/_fading-entrances.scss */
  0% {
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0; }

  /* line 14, ../../../../.rvm/gems/ruby-1.9.3-p125/gems/animation-0.1.alpha.3/stylesheets/animation/animate/fading/_fading-entrances.scss */
  100% {
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }

@keyframes fadeInUp {
  /* line 11, ../../../../.rvm/gems/ruby-1.9.3-p125/gems/animation-0.1.alpha.3/stylesheets/animation/animate/fading/_fading-entrances.scss */
  0% {
    transform: translateY(20px);
    opacity: 0; }

  /* line 14, ../../../../.rvm/gems/ruby-1.9.3-p125/gems/animation-0.1.alpha.3/stylesheets/animation/animate/fading/_fading-entrances.scss */
  100% {
    transform: translateY(0);
    opacity: 1; } }
    
    
    

dabblet.html

<article>
<menu>
<a>A link</a>
</menu>
</article>

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"","page":"css"}