“transición” Código de respuesta

transición de CSS todo

-webkit-transition: all .3s ease-in-out;
-moz-transition:    all .3s ease-in-out;
-o-transition:      all .3s ease-in-out;
-ms-transition:     all .3s ease-in-out;
transition:         all .3s ease-in-out;
Agreeable Addax

Transición SCSS

div {
  transition: all 0.5s ease;
  background: red;
  padding: 10px;
}
div:hover {
  background: green;
  padding: 20px;
}
GrepperFoo69

Transformación de transición

/* Transition Transform */
.section:hover {
  transform: translateX(0px) translateY(75px);
}

.section {
  transition: transform 500ms ease-in-out 25ms;
}
Thoughtless Turtle

transición CSS

#content #nav a:hover {
    color: black;
    background-color: #AD310B;
    /* Firefox */
    -moz-transition: all 1s ease-in;
    /* WebKit */
    -webkit-transition: all 1s ease-in;
    /* Opera */
    -o-transition: all 1s ease-in;
    /* Standard */
    transition: all 1s ease-in;
}
Joyous Jackal

transición

#fadeout{
  opacity: 0;
  transition: opacity 2s linear;
}

#fadein{
  opacity: 1;
  transition: opacity 2s linear;
}
Norman

transición

  -webkit-transition: all 0.5s 0s ease;
  -moz-transition: all 0.5s 0s ease;
  -o-transition: all 0.5s 0s ease;
  transition: all 0.5s 0s ease;
Code Cat

Respuestas similares a “transición”

Preguntas similares a “transición”

Explore las respuestas de código populares por idioma

Explorar otros lenguajes de código