MediaWiki:Common.css: Difference between revisions
Appearance
imported>Raccoonccity No edit summary |
imported>Raccoonccity No edit summary |
||
| Line 18: | Line 18: | ||
font-family: Digicode; | font-family: Digicode; | ||
text-align: center; | text-align: center; | ||
transition: font-family 0.5s ease; /* suaviza el cambio */ | transition: font-family 0.5s ease; | ||
opacity: 1; /* suaviza el cambio */ | |||
} | } | ||
.fontdigi:hover { | .fontdigi:hover { | ||
font-family: sans-serif; /* fuente normal al pasar el ratón */ | font-family: sans-serif; | ||
opacity: 0.9; /* fuente normal al pasar el ratón */ | |||
} | } | ||
Latest revision as of 13:07, 4 April 2026
/*body {
cursor: url('http://www.rw-designer.com/cursor-extern.php?id=63695'), pointer;
}
a:hover {
cursor: url('https://static.wikia.nocookie.net/digimon-w0rld/images/4/44/Agumon-link_select.png/revision/latest?cb=20251226180530'), pointer;
}
*/
@import "/load.php?mode=articles&articles=u:dev:MediaWiki:UserAnimations.css&only=styles";
@font-face {
font-family: Digicode; /* Define the font name here to be used later */
src: url('https://digimon-w0rld.fandom.com/wiki/Special:NewFiles?file=Digimon_Digicode_Font_by_Mooshimon.woff2') format('woff2'); /* Define where the font can be downloaded */
}
.fontdigi {
font-family: Digicode;
text-align: center;
transition: font-family 0.5s ease;
opacity: 1; /* suaviza el cambio */
}
.fontdigi:hover {
font-family: sans-serif;
opacity: 0.9; /* fuente normal al pasar el ratón */
}
img {
transition: transform 0.3s ease-in-out; /* Agrega la transición para que sea suave */
}
img:hover {
transform: scale(0.90);
transition: transform 0.3s ease-in-out;
}
.button {
background-color: #ff6600;
color: white;
padding: 10px 20px;
border-radius: 5px;
text-align: center;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.button:hover {
transform: translateY(-5px); /* Eleva el botón al pasar el mouse */
box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2); /* Sombra más intensa */
}
.slide-in {
opacity: 0;
transform: translateX(-100%); /* Comienza fuera de la pantalla a la izquierda */
transition: transform 0.5s ease, opacity 0.5s ease;
}
.slide-in.visible {
opacity: 1;
transform: translateX(0); /* Se desliza hacia su posición original */
}