Diferencia entre revisiones de «Plantilla:Juanpe/css jp.css»

Sacado de cristobal.wiki, presentado sin garantia y con mucho <3.
Ir a la navegaciónIr a la búsqueda
Página creada con «body { background: #F7CA05; display: flex; align-content: center; justify-content: center; } .box { position: absolute; top: 50%; left:50%; transform: translate(-50%,-50%); } h3 { font-size:12vw; white-space: nowrap; overflow: hidden; line-height: 220px; color: #F7CA05; text-shadow: 0 10px 7px rgba(0,0,0,0.4),0 -10px 1px #fff; letter-spacing: -3px; } h3:hover { animation: glitch .3s linear infinite; cursor: pointer; } @keyframes g…»
 
Sin resumen de edición
 
(No se muestran 9 ediciones intermedias del mismo usuario)
Línea 1: Línea 1:
body {
  background: #F7CA05;
  display: flex;
  align-content: center;
  justify-content: center;
}
.box {
  position: absolute;
  top: 50%;
  left:50%;
  transform: translate(-50%,-50%);
}
h3 {
h3 {
   font-size:12vw;
   font-size:3em;
  white-space: nowrap;
  overflow: hidden;
  line-height: 220px;
   color: #F7CA05;
   color: #F7CA05;
  width: 300px;
   text-shadow: 0 10px 7px rgba(0,0,0,0.4),0 -10px 1px #fff;
   text-shadow: 0 10px 7px rgba(0,0,0,0.4),0 -10px 1px #fff;
   letter-spacing: -3px;
   letter-spacing: -1px;
}
 
h3:hover {
  animation: glitch .3s linear infinite;
  cursor: pointer;
}
 
@keyframes glitch {
  0% {
    transform: translate(0);
  }
  20% {
    transform: translate(-2px, 2px);
  }
  40% {
    transform: translate(-2px, -2px);
  }
  60% {
    transform: translate(2px, 2px);
  }
  80% {
    transform: translate(2px, -2px);
  }
  100% {
    transform: translate(0);
  }
}
}

Revisión actual - 09:31 17 dic 2025

h3 {
  font-size:3em;
  color: #F7CA05;
  width: 300px;
  text-shadow: 0 10px 7px rgba(0,0,0,0.4),0 -10px 1px #fff;
  letter-spacing: -1px;
}