# elementor/4.0.2/assets/lib/animations/styles/bounceIn.css

Elementor Website Builder – more than just a page builder, version 4.0.2. 35 lines.

- Page: https://pluginprobe.com/plugins/elementor/4.0.2/code/assets/lib/animations/styles/bounceIn.css
- Raw: https://pluginprobe.com/plugins/elementor/4.0.2/raw/assets/lib/animations/styles/bounceIn.css
- Modified: 2024-08-25T13:59:38+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/elementor/4.0.2/code/assets/lib/animations/styles/bounceIn.css#L10-L20`.

```css
@keyframes bounceIn {
	20%,
	40%,
	60%,
	80%,
	from,
	to {
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	0% {
		opacity: 0;
		transform: scale3d(0.3, 0.3, 0.3);
	}
	20% {
		transform: scale3d(1.1, 1.1, 1.1);
	}
	40% {
		transform: scale3d(0.9, 0.9, 0.9);
	}
	60% {
		opacity: 1;
		transform: scale3d(1.03, 1.03, 1.03);
	}
	80% {
		transform: scale3d(0.97, 0.97, 0.97);
	}
	to {
		opacity: 1;
		transform: scale3d(1, 1, 1);
	}
}
.bounceIn {
	animation-name: bounceIn;
}

```