WEBVTT

1
00:00:00.000 --> 00:00:00.113
When you watch a movie in 3D
the elements on screen appear to jump

2
00:00:00.113 --> 00:00:04.657
out towards you or move away from you,
as if they were there in real life.

3
00:00:04.657 --> 00:00:09.094
This effect is created by enhancing
the illusion of depth perception.

4
00:00:09.094 --> 00:00:13.919
The effect adds a third dimension to
the otherwise flat two-dimensional

5
00:00:13.919 --> 00:00:14.950
movie screen.

6
00:00:14.950 --> 00:00:18.800
Computer, tablet, and mobile screens
are also flat and two dimensional.

7
00:00:18.800 --> 00:00:23.200
But with CSS 3d transforms you can
add depth to elements on the page and

8
00:00:23.200 --> 00:00:27.780
create movement towards and
away from the viewer like in a 3D movie.

9
00:00:27.780 --> 00:00:30.000
The transforms you learned in
the previous section rotate, scale,