Search
 
SCRIPT & CODE EXAMPLE
 
CODE EXAMPLE FOR CSS

css animation

@keyframes fadeInRight {
	0% {
		opacity: 0;
		transform: translate3d(100px, 0, 0)
	}

	to {
		opacity: 1;
		transform: translateZ(0)
	}
}

.class-name{
  	/* advance */
	/* animation: 2s cubic-bezier(0.165, 0.84, 0.44, 1) .3s 1 fadeInRight; */
  
  	/* basic breakdown */
	animation-duration: 2s; /* the duration of the animation */
	animation-timing-function: ease-out; /* how the animation will behave */
	animation-delay: .3s; /* how long to delay the animation from starting */
	animation-iteration-count: 1; /* how many times the animation will play */
	animation-name: fadeInRight; /* the name of the animation we defined above */
}
Source by cubic-bezier.com #
 
PREVIOUS NEXT
Tagged: #css #animation
ADD COMMENT
Topic
Name
1+1 =