Transcript

00:07 hello everyone this is Joe workman and
00:09 today I'd like to show you pop up
00:10 caption the pop-up caption stack allows
00:14 you to add beautifully animated captions
00:16 to all of your images as you see when
00:19 you hover over the image the caption is
00:21 then unveiled on top of the image now
00:25 when you add pop up caption to your
00:27 project you're simply going to add in
00:28 your favorite image and the stacks that
00:31 you want to be a part of the caption now
00:33 normally your pop-up caption will only
00:36 be text however since this is a general
00:39 stacks drop area play around with some
00:41 other stacks and see what you can do
00:43 let's jump into the stacks settings so
00:47 as we see at the top of the popup
00:49 caption settings pop up caption does
00:51 support responsive design when you check
00:55 that box you'll have the ability to
00:56 actually define a maximum width that the
00:59 image will take you can also define a
01:02 warehouse image where you can provide an
01:05 external URL to your image and also
01:08 define alt tags width and height
01:10 settings next we have animation speed
01:14 where you can actually define the speed
01:16 that the caption will animate in by
01:20 default captions will show at the bottom
01:22 of your image however you can also
01:24 configure them to default be at the top
01:27 you then configure the background color
01:30 the opacity the height of your caption
01:33 as well as the initial reveal on page
01:35 load finally at the bottom we can add an
01:39 image border border radiuses or rounded
01:41 corners and a shadow to our pop-up
01:44 caption images this is the pop-up
01:47 caption stack now hope you enjoy it I
01:49 hope that it makes your websites a
01:50 little bit greater thank you very much
01:52 everybody have a great day bye bye"}]