Toggle menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

MediaWiki:Common.css: Difference between revisions

MediaWiki interface page
No edit summary
No edit summary
Line 37: Line 37:
                 display: block;
                 display: block;
             }
             }
/*
* Surprise
/*
h1 {
  animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}
@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
 
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }
  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }
  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}

Revision as of 06:09, 1 April 2016

/* CSS placed here will be applied to all skins */

			/*
			
			Dropping menus on hover.
			
			*/
			
			.dropWrap
            {
                padding: 5px;
            }

            .dropWrap .front{
                z-index: 1;
                position: inherit;
                width: inherit;
                height:34px;
                text-align:center; 
                vertical-align: middle;
                font-weight: bold;
                font-size: large;
                transition: all 0.5s ease;
            }

            .dropWrap .back {
                z-index: 0;
                position: inherit;
                width: inherit;
                height: inherit;
                display: none;
                transition: all 0.5s ease-in-out;
            }

            .dropWrap:hover .back {
                z-index: 2;
                display: block;
            }
/*
* Surprise
/*

h1 {
  animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}