WEBVTT

00:00:00.100 --> 00:00:03.980 align:center
This component is called the hover scroll image.

00:00:03.980 --> 00:00:06.940 align:center
It's great for web designers to showcase their portfolio

00:00:06.940 --> 00:00:08.740 align:center
of websites they've built.

00:00:08.740 --> 00:00:11.520 align:center
How it works is you hover your mouse over the image

00:00:11.520 --> 00:00:14.100 align:center
and it's gonna scroll from top to bottom.

00:00:14.100 --> 00:00:15.360 align:center
And when you unhover it,

00:00:15.360 --> 00:00:17.900 align:center
it's gonna scroll back to the top.

00:00:17.900 --> 00:00:20.060 align:center
There's also an icon in the middle that will disappear

00:00:20.060 --> 00:00:21.440 align:center
when you hover and reappear

00:00:21.440 --> 00:00:23.400 align:center
when you move your mouse off the image.

00:00:24.100 --> 00:00:29.100 align:center
This component is ACSS, Core Framework, and Vanilla CSS ready.

00:00:24.340 --> 00:00:27.360 align:center
This component is ACSS, core framework,

00:00:27.360 --> 00:00:29.500 align:center
and vanilla CSS ready.

00:00:29.100 --> 00:00:32.100 align:center
It's also Query Loop compatible.

00:00:32.100 --> 00:00:39.100 align:center
You can create custom post types and custom fields and loop through those items to showcase your portfolio of websites.