css3 transition code example

Example 1: transition transform

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

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

Example 2: css transition

/*CSS Transition Syntax*/
selector {
 transition: property duration timing-function delay|initial|inherit; 
}

Example 3: css transition

transition: property duration timing-function delay|initial|inherit;

Example 4: Using CSS transitions

div {
    transition: <property> <duration> <timing-function> <delay>;
}

Example 5: css opacity transition

div {
  transition: opacity seconds;
}