MediaWiki:Common.css: verschil tussen versies
Naar navigatie springen
(Nieuwe pagina aangemaakt met '→CSS die hier wordt geplaatst heeft invloed op alle skins: div.mvisto:hover { opacity:0.7; filter:alpha(opacity=70); } div.NavFrame { margin: 0; padding: 1...') |
Geen bewerkingssamenvatting |
||
Regel 45: | Regel 45: | ||
font-weight: normal; | font-weight: normal; | ||
font-size: 93%; | font-size: 93%; | ||
} | |||
/* Pour des effets de clignotements */ | |||
.tilt { | |||
-webkit-transition: all 3s ease; | |||
-moz-transition: all 3s ease; | |||
-o-transition: all 3s ease; | |||
-ms-transition: all 3s ease; | |||
transition: all 3s ease; | |||
} | |||
.tilt:hover { | |||
-webkit-transform: rotate(-360deg); | |||
-moz-transform: rotate(-360deg); | |||
-o-transform: rotate(-360deg); | |||
-ms-transform: rotate(-360deg); | |||
transform: rotate(-360deg); | |||
} | |||
.pulse:hover { | |||
animation-name: pulse; | |||
-webkit-animation-name: pulse; | |||
animation-duration: 1s; | |||
-webkit-animation-duration: 1s; | |||
animation-iteration-count: infinite; | |||
-webkit-animation-iteration-count: infinite; | |||
} | |||
.clignote { | |||
animation-name: pulse; | |||
-webkit-animation-name: pulse; | |||
animation-duration: 1.5s; | |||
-webkit-animation-duration: 1.5s; | |||
animation-iteration-count: infinite; | |||
-webkit-animation-iteration-count: infinite; | |||
} | |||
@keyframes pulse { | |||
0% { | |||
transform: scale(0.95); | |||
opacity: 0.7;} | |||
50% { | |||
transform: scale(1); | |||
opacity: 1;} | |||
100% { | |||
transform: scale(0.95); | |||
opacity: 0.7;} | |||
} | |||
@-webkit-keyframes pulse { | |||
0% { | |||
-webkit-transform: scale(0.95); | |||
opacity: 0.7;} | |||
50% { | |||
-webkit-transform: scale(1); | |||
opacity: 1;} | |||
100% { | |||
-webkit-transform: scale(0.95); | |||
opacity: 0.7;} | |||
} | } |
Versie van 14 okt 2016 18:34
/* CSS die hier wordt geplaatst heeft invloed op alle skins */ div.mvisto:hover { opacity:0.7; filter:alpha(opacity=70); } div.NavFrame { margin: 0; padding: 1px; border: 2px solid #322618; text-align: center; border-collapse: collapse; font-size: 95%; } div.NavFrame + div.NavFrame { border-top-style: none; border-top-style: hidden; } div.NavPic { background-color: #fff; margin: 0; padding: 2px; float: left; } div.NavFrame div.NavHead { height: 1.9em; font-weight: bold; background-color: #C0A875; position: relative; } div.NavFrame p, div.NavFrame div.NavContent, div.NavFrame div.NavContent p { font-size: 12px; } div.NavEnd { margin: 0; padding: 0; line-height: 1px; clear: both; } a.NavToggle { position: absolute; top: 0; right: 3px; font-weight: normal; font-size: 93%; } /* Pour des effets de clignotements */ .tilt { -webkit-transition: all 3s ease; -moz-transition: all 3s ease; -o-transition: all 3s ease; -ms-transition: all 3s ease; transition: all 3s ease; } .tilt:hover { -webkit-transform: rotate(-360deg); -moz-transform: rotate(-360deg); -o-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg); } .pulse:hover { animation-name: pulse; -webkit-animation-name: pulse; animation-duration: 1s; -webkit-animation-duration: 1s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; } .clignote { animation-name: pulse; -webkit-animation-name: pulse; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; } @keyframes pulse { 0% { transform: scale(0.95); opacity: 0.7;} 50% { transform: scale(1); opacity: 1;} 100% { transform: scale(0.95); opacity: 0.7;} } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(0.95); opacity: 0.7;} 50% { -webkit-transform: scale(1); opacity: 1;} 100% { -webkit-transform: scale(0.95); opacity: 0.7;} }