Image

Align­ment

The align­ment of image can be changed eas­i­ly,
to left, cen­ter or right, the cap­tion will move too.

Image Cap­tion
Image Cap­tion
Image Cap­tion

Link To

Change eas­i­ly the link of the media by enlarg­ing
to a large light­box or to an exter­nal URL.

placeholder
Link to Lightbox
placeholder
Exter­nal URL

Cus­tom Width

The width is eas­i­ly change­able, two slid­ers are avail­able,
where you can change the width or the max width of image.

Image Cap­tion

Image Style

A vari­ety of CSS fil­ters can be used, for exam­ple
blur, bright­ness, sat­u­ra­tion and much more.

Opac­i­ty (0.5)
Blur
Bright­ness
Saturation​
Con­trast
placeholder
Hue

Image Hov­er

CSS Fil­ters can be applied dif­fer­ent­ly
when you mouseover to an image.

Opac­i­ty (0.5)
Blur
Bright­ness

Image Hov­er Animation

More than 30 hov­er ani­ma­tions can be cho­sen,
for the ani­ma­tion of the image on mouseover.

Grow
Pulse
Rotate

Bor­der Types

Vari­ety of bor­der types can be applied for each image
dif­fer­ent­ly, also the size can be changed for each corner.

placeholder
Sol­id
placeholder
Dou­ble
placeholder
Dot­ted
placeholder
Dashed

Cus­tom Bor­der Width

The bor­der width can be eas­i­ly enhanced for each
cor­ner dif­fer­ent­ly, or you can link them all together.

Cus­tom Bor­der Color

The bor­der prop­er­ties does­n’t end here, the
col­or can be changed from a great col­or picker.

Cus­tom Radius Size

The angles of the bor­ders can be curved to a dif­fer­ent 
radius for each bor­der alone or togeth­er as one.

Cus­tom Box Shadow

The box shad­ow can be com­bined with all the
per­spec­tive prop­er­ties like blur, spread and lines.

Cap­tion on the left.
Cap­tion on the center.
Cap­tion with jus­ti­fy as alignment. 
Cap­tion on the right.

Cap­tion Color

Change the col­or of cap­tions easy and
com­bine it with dif­fer­ent alignments.

Lorem ipsum dolor.
Lorem ipsum dolor.
Lorem ipsum dolor.

Cap­tion Cus­tom Typography

Change the font fam­i­ly from more than 600 google fonts, or oth­er 
font prop­er­ties like let­ter spac­ing, line-height and much more. 

Lorem ipsum dolor.
Lorem ipsum dolor.
Lorem ipsum dolor.

Cap­tion Cus­tom Spacing

Add eas­i­ly cus­tom spac­ing between the image
and the cap­tion, exam­ples are 10, 20 and 30.

Lorem ipsum dolor.
Lorem ipsum dolor.
Lorem ipsum dolor.